Quantcast
Channel: Recent Discussions — DataTables forums
Viewing all articles
Browse latest Browse all 82246

Datatable header with scroll not work in a modal

$
0
0

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.


Viewing all articles
Browse latest Browse all 82246

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>