Bootstrap 3 responsive table issue

PeteH

Running into an issue with a Bootstrap 3 responsive table. I included the Bootstrap option in my CDN.

I'm using the scrollY option to fix the table header which works fine. However, when I change the width of my browser window, the table body cells change width but the table header cells don't. If I refresh the page after changing the window width, the headers align again. There is no width setting on the table tag.

Here's my initialization javascript:

$(document).ready(function() {
        $('#historytable').DataTable({
            "scrollY":        "600px",
            "scrollCollapse": true,
            "paging":         false,
            "searching": false,
             "info": false
        } );
} );

kthorngren

There is no width setting on the table tag.

You will want to see this example:
https://datatables.net/examples/basic_init/flexible_width.html

Let us know if setting the width helps.

Kevin

PeteH

That fixed it, thanks for your help.