Header Width

akoutroumpas

Hi, why header width not match with column data width?, instead if user filter something or sort any

gyrocode

Usually width of header columns doesn't match with width of data columns when table was hidden during initialization (in a inactive tab, accordion or dialog).

This could be solved by running the following code when table becomes visible (i.e. when tab is activated, accordion is opened or dialog is shown).

$($.fn.dataTable.tables(true)).DataTable()
   .columns.adjust();

See jQuery DataTables: Column width issues with Bootstrap tabs for more details and demonstration.

---

See more articles about jQuery DataTables on gyrocode.com.