DataTables
Advanced interaction
features for your tables.
Editor
Comprehensive editing
library for DataTables.
Manual
Download
≡ Show site navigation

Headers do not align with columns

Headers do not align with columns

cusciprojectcusciproject Posts: 1Questions: 1Answers: 0
in Free community support

https://live.datatables.net/seviqabo/1/edit

Headers do not align with columns when page is resized

Answers

  • kthorngrenkthorngren Posts: 22,327Questions: 26Answers: 5,134
    edited November 2024

    Looks like the main problem is you have autoWidth set false. You will probably want to add style="width:100%" to the table tag as shown in this example. Updated test case:
    https://live.datatables.net/seviqabo/4/edit

    Additional notes:

    You have the Bootstrap table-responsive for responsive tables which competes with the scrollX and responsive options you have set. In fact scrollX and responsive compete with each other. You should choose and only use on of the three options so you don't have conflicting or unexpected behavior.

    Kevin

This discussion has been closed.

DataTables

DataTables designed and created by SpryMedia Ltd.
© 2007-2025 MIT licensed. Privacy policy. Supporters.
SpryMedia Ltd is registered in Scotland, company no. SC456502.