Column headers width not set while rendered hidden

xovitz

I have table on one of the tabs, which is hidden on page start. After switching to tab witch table column headers have minimal width, imposed by text length. Widths are changed to proper ones after clicking one of headers.
How to fix it?

kthorngren

Checkout this example of using columns.adjust().

Kevin

xovitz

Ok, I've solved it myself. Just added
$('#ff-table').DataTable().columns.adjust()
in js code switching tabs