Headers do not align with columns

Headers do not align with columns

cusciprojectcusciproject Posts: 1Questions: 1Answers: 0

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

Headers do not align with columns when page is resized

Answers

  • kthorngrenkthorngren Posts: 21,336Questions: 26Answers: 4,951
    edited November 5

    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

Sign In or Register to comment.