Inconsistent Column Header Width Datatables Forums

Inconsistent Column Header Width Datatables Forums Hi, i've got a problem when the user is navigating the page number. the column header are changing width. is there any option to fixed the width of the columns?. One common frustration is header width misalignment between the table header () and body () columns. strangely, this misalignment may partially resolve when clicking the header (e.g., to sort), leaving developers puzzled.

Inconsistent Column Header Width Datatables Forums How to solve datatables table header columns width and table body columns width mismatch sometimes? asked 7 years, 11 months ago modified 7 years, 10 months ago viewed 4k times. I'm having a problem getting the table headers to align over the columns when a table is initialized in a dom node that is hidden specifically within a tabbed interface when the table is on a hidden panel. I am in the process of upgrading my web site to use datatables 2.0.3 from datatables 1.10.20. i noticed on one of my pages where i have a data render that changes the data of a cell and the data is longer as a result, the column width is correct, but the column header with is not. See jquery datatables: column width issues with bootstrap tabs for more details and demonstration. this discussion has been closed.

Header Column Width Unadjusted Datatables Forums I am in the process of upgrading my web site to use datatables 2.0.3 from datatables 1.10.20. i noticed on one of my pages where i have a data render that changes the data of a cell and the data is longer as a result, the column width is correct, but the column header with is not. See jquery datatables: column width issues with bootstrap tabs for more details and demonstration. this discussion has been closed. If you expand these rows to take up enough space to add a vertical scrollbar to the page, and scroll down, fixedheader does not calculate the proper column widths and the column headers resize as a result. I am using a fixed header property for the sticky header, but when i scroll the table, the header's top width moves. that doesn't happen with this example. we will need to see the problem to help debug. please post a link to your page or a test case replicating the issue. Please note that fixedheader is not currently compatible with tables that have the scrolling features of datatables enabled (scrollx scrolly). please refer to the compatibility table for full compatibility details. We plan to use the setting tablestyle="width:auto" for our datatables. on first attempt we noticed that when using tablestyle="width:auto" the initial column header with of a column does not align to the auto sized column width. see screenshot.