Hi,
thanks for your post, and sorry for the trouble.
The FixedHeader Extension from http://tablepress.org/extensions/datatables-fixedheader/ might be helpful here.
Regards,
Tobias
Thanks Tobias
The FixedHeader Extension worked.
However the horizontal scroll bar at the bottom is now missing. I’m creating a 10 product comparison chart. Right now the table shows all product columns which overlaps the page. See HERE
When I remove ‘datatables_fixedheader=”top”‘ from ‘[table id=1 /]’ the horizontal scroll bar reappears.
I also tried to get the horizontal slider back by entering the following css code but it didn’t work…
‘<div class=”tablepress-scroll-wrapper”>
[table id=1 /]
</div>
.tablepress-scroll-wrapper {
overflow-x: auto;
overflow-y: hidden;
}’
I made a small donation to you. Thanks again.
Also want to add:
Under ‘Table Options’, all boxes are checked.
Under ‘Features of the DataTables JavaScript library’ only ‘Use DataTables:’ and ‘Horizontal Scrolling:’ are checked.
Update:
Ok, I was able to get the horizontal scroll bar to appear by unchecking the box for ‘Horizontal Scrolling:’ and insert the follow code in custom css…
‘#tablepress-1_wrapper {
overflow-x: auto;
overflow-y: hidden;
}’
However, this did not correct the header being too wide.
Hi,
I’m afraid that I have bad news here: From what I know about the external FixedHeader JS library (which I did not develop, but only make available as a TablePress Extension), it does not support horizontal scrolling at the moment.
That means that it can’t really be used on tables that are too wide for the page 🙁
Can you maybe increase the content width of the theme, to make everything fit?
Regards,
Tobias
