Misaligned table headers

dynasoft

Hi
Trying to display a table with vertical scrolling but if the table is loaded in a tabbed div, the headers are misaligned unless the table is shown with bootstrap div class fade in, shown on the 1st tab or without the scrollY and scrollCollapse parameters. Please see 2 pcis attached. Thanks.

dynasoft

unless the table is shown with bootstrap div class fade in

should read

unless the div is shown with bootstrap div class fade in

kthorngren

Take a look at this example:
https://datatables.net/examples/api/tabs_and_scrolling.html

You will be interested in the columns().adjust() portion of the example. Datatables doesn't know how to properly size the columns when the Datatable is initialized while hidden. columns().adjust() is used to readjust the widths when the Datatable is shown.

Kevin

dynasoft

Many thanks. That worked.