DataTables FixedHeader Not working

Hi,

thanks for your question, and sorry for the trouble.

There are two possible reasons for this:
1. You are using a very old version of TablePress (version 1.4). Please update to TablePress 1.7. Note that you might have to update your WordPress first.
2. You also seem to be using the FooTable plugin, which might be interfering here. Please turn off its “TablePress integration” on its settings screen.
3. Finally, please make sure that the TablePress DataTables FixedHeader Extension is really activated as a plugin.

Regards,
Tobias

Hi,

We have updated TablePress to 1.7, we also disabled FooTable plugin for the page.

We also confirmed that TablePress DataTables FixedHeader Extension is really activated.

Unfortunately, the fixed header still does not work.

Here is the link again for your reference.

https://www.healyconsultants.com/testing-contact-box/

Under “Features of the Datatables JavaScript Library”, does “Use DataTables” have to be selected? We disabled it because we do not require sorting, search/filtering, pagination, pagination length change, info or horizontal scrolling.

Any help would be greatly appreciated.

Thank you.

Hi,

We did some further testing to try and identify the issue. We know now that “Use DataTables” must be enabled.

Our conclusion:
1. The fixed header did work on our second test site;

2. We believe that the customization in our TablePress plugin files on our live site is causing the FixedHeader not to work.

Next, we tried using TablePress’s FixedHeader and Reponsive Table tools on our second website. We found that with a fixed header, the table is no longer responsive.

Is there a way to set the settings such that the table header is only fixed on normal desktop screens, and once the website is viewed on a mobile device, the responsive table is shown?

I look forward to your response.

Thank you.

Hi,

yes, “Use DataTables” must be checked. The individual checkboxes can be turned off.

You mention customizations in TablePress plugin files. This is never a good idea, as you will lose those when the plugin is updated. I can therefore only recommend to refrain from such changes and instead code this as a TablePresss Extension plugin, using filter hooks and actions.

For the FixedHeader: Unfortunately, that’s not compatible with the Responsive Tables Extension, due to how the external DataTables JS library works. Sorry.

Regards,
Tobias

Had this same issue. Just needed to turn on the datatables checkbox. I might suggest adding that reminder to your website to not forget to turn that checkbox on. Thanks! Works great!

Hi Jason,

nice find! I’ll check if I can make the Extension implicitly turn that setting on when the FixedHeader is used for a table ??

Best wishes,
Tobias