Side Scroll

[johnenrick]

Very wide table that has side scrolling don't work

[MidnightHoosk]

I was going to mention this, this is especially true on mobile. When you have a lot of headers and have to scroll on the x axis, the header does not scroll with the table body.

[buzanits]

Is there already a solution for that? It looks to work in http://jsfiddle.net/jmosbech/stFcx/ . What are we doing wrong?

[johnenrick]

@buzanits what we are talking about is that the table is scrollable horizontally, not the whole document. Example is the bootstrap table responsive

[buzanits]

@johnenrick Is there a solution? A workaround?

[johnenrick]

I place the table inside a div, and made that div to have the overflow-x: scrollable.
In the case of bootstrap, I place the .table-responsive class to the parent div of the table instead of placing the class to the table itself

[KevinBouzidi]

Your will have a problem because your table head will not scroll and your table body will scroll.
You can put your table into a div with overflow-x : auto;, like you said.
Then add a listener on your div to trigger the librairy event:

$('#yourScrollDivId').scroll(function () {
      $(window).trigger('resize.stickyTableHeaders');
})

It works but you have a little delay bewteen the two scrolls (not so bad)