Hello, how are you? I need to put a scrolleable datatable in a modal bootstrap . The problem is that the header is broken . Only solved if I Resize the browser or if I click on the header to re order . I try to put the same code without the modal and works perfect , apparently is an incompatibility with the modal and scroll . Without scroll works well datatable.
I show how it looks when I open the modal : http://k30.kn3.net/7/2/B/F/2/8/331.png
And when I click on the header or resize the browser , it manages : http://k46.kn3.net/E/B/D/5/8/B/195.png
- I use:
- Bootstrap v3.0.0
- DataTables 1.10.7
- TableTools 2.2.4
My code:
$('#rutinasTable').DataTable({
"sScrollY": "210px",
"sScrollYInner": "100%",
"sScrollX": "100%",
"sScrollXInner": "100%",
"scrollCollapse": true,
"pageLength": 50,
});
and HTML:
<table id="rutinasTable" class="display table table-bordered table-striped table-condensed">
<thead>
<tr>
<th>Rutina</th>
<th>Act. Datos</th>
<th>Antig. Datos</th>
<th>Criticidad</th>
<th>Observaciones</th>
<th>Estado</th>
</tr>
</thead>
<tbody>
<tr>
<td>SOS</td>
<td>08/07/2009</td>
<td>697 hrs</td>
<td>M-Media</td>
<td>NIVEL</td>
<td>Analizar</td>
</tr>
</tbody>
</table>
I searched for a long time in the forum and on the web and could not find solution. I hope you can help me.Thank you very much.