Datatable header with scroll not work in a modal

pablich

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.

pablich

You can see the error in this jsfiddle http://jsfiddle.net/8ennjt3t/7/
You have to click on the graphic to open the modal

Try to find something to see how it manages the header
or
Try clicking the header to re order

pablich

help :(