Hi,
thanks for your post, and sorry for the trouble.
Those two Extensions will indeed not work together, as they influence the same part of the JS/CSS code on the page.
However, the FixedHeader Extension itself can also fix the left column. For that, you’ll need to modify the Shortcode parameter, as explained in the lower part of the documentation page at http://tablepress.org/extensions/datatables-fixedheader/ .
Regards,
Tobias
Tobisa,
Thanks so much for your help! I’m sorry I missed that extra instruction on the webpage – I swear I looked for it!
That does work, but it’s creating an extra cell in left column, which means the left column is no longer perfectly aligned ( see here). Is there any way to avoid this?
Thanks again for all your help and for the fantastic plugin!
Hi,
I’m not exactly sure what’s causing this, but it seems that the FixedHeader JS library (which I didn’t develop, but only make available as a TablePress Extension) can not properly determine the height of the cells in the table.
We might have to force a certain height therefore. Please try adding this to the “Custom CSS”:
.tablepress-id-2 tbody td,
.tablepress-id-2 thead th {
height: 60px !important;
}
Regards,
Tobias
Thanks again for your help. Unfortunately this just changed the nature of the problem – not all of the cells in the left column are showing, which appears to have something to do with the header. I have saved the changes, though, so that you can see it.
Thanks again!
Hi,
hmm, Okay… It looks like there something going on in the load order. If I resize the browser window, everything fits suddenly, because the JS re-calculates the heights that it needs.
Unfortunately, I have no clue how to fix this then 🙁 Sorry 🙁
Regards,
Tobias
Oh – interesting… no problem, though. Thanks for your help!
Hi,
one reason for this might be that some CSS that influences the height of the cells is only loaded after certain CSS classes have been added to some elements dynamically (by the FixedHeader JS library).
Regards,
Tobias
