Column misaligned when datable created inside bootstrap tab

HazukiRyo

Hi,

I got misaligned columns when I create a datatable in a bootstrap tab with the scrollX option set to true.
The columns header are not the same width than the columns data when the header is shorter than the data.

I have made a demo of my problem here:
http://live.datatables.net/jopoqeyu/1/edit?html,css,js,output

Is there a solution for that?

kthorngren

You can use columns.adjust() when the tab is shown. Something like this:
http://live.datatables.net/fozogadu/1/edit

Kevin