I am trying to make a scrollable HTML table along the x-axis using this suggested solution

But when I add the code on the caption, thead, tbody, & tfoot the head, body and foot elements are not aligned as shown:

caption, thead, tbody, tfoot css

CodePudding user response：

Hard to say with only screenshots. Looks like a colspan problem.

CodePudding user response：

I agree with @David, maybe a colspan problem, maybe you need to force the colspan on each element,

Also their is a very cool librairie for HTML table that enable you to have horizontal-scrolling, among a lot of other very usefull element, its : dataTables, you can check it on their page : dataTables_Homepage