datatables fixedheader doesn’t work

Hi,

thanks for your post, and sorry for the trouble.

Can you please post a link to the page with the table where this problem happens, so that I can take a direct look? Thanks! (Your link only shows a “Coming soon” message.)

Regards,
Tobias

Hi Tobias,

thanks for the prompt reply. Unfortunately I can’t publish the website at this stage, unless only for a short time slot. Otherwise I would appreciate if you have another idea what I can send you to check the settings.
Regards,
Bernd

Hi Bernd,

without seeing the page in question, there’s no real chance for me to investigate what exactly is happening (e.g. whether this is a JavaScript error).
Or could you maybe check for those yourself, in the error log console of your browser’s developer tools?

Regards,
Tobias

Hi Tobias,

thanks for your reply. I check the error log console which is showing the following error (sorry it is in German):

Diese Seite verwendet die nicht standardisierte Eigenschaft “zoom”. Stattdessen sollte calc() in den entsprechenden Eigenschaftswerten oder “transform” zusammen mit “transform-origin: 0 0” verwendet werden.

Is this somehow related to the entered code:
.tablepress.fixedHeader-floating {
z-index: 1000 !important;

Regards,
Bernd

Hi Bernd,

thanks for that! This JavaScript error should be unrelated to the actual problem here.
It’s good that there’s no JavaScript error, but unfortunately, we still don’t know the cause for the issue from this.
I’d really need to see the page with the table, I’m afraid. Can you maybe open it between 12:30 and 14:00 today? I should be able to take a look then.

Regards,
Tobias

Hi Tobias,
sorry for the late answer but i was totally tied up. If you give me a time slot for tomorrow, i can publish the website.

Regards,

Bernd

Hi Bernd,

no problem! Sure, we can try again on Tuesday. I should be able to take a look between 12:00 und 13:30, but I can’t fully guarantee it.

Regards,
Tobias

Hi Bernd,

it seems like you opened the page now. However, from what I can see, the TablePress DataTables FixedHeader Extension is either not installed, or not activated, or not used in the Shortcode of the table on the front page?

Regards,
Tobias

Hi Tobias,
thanks for checking. I rechecked the plugins and realized I installed the TablePress Extension: DataTables FixedColumns instead of the DataTables FixedHeader. Sorry for that.
Nevertheless how can I install it on Divi as I can’t find the plugin. I would appreciate if you could tell me how to upload the downloaded DataTables FixedHeader file. Do I have to go to tools> data import?
Regards,
Bernd

Hi,

ah, ok. That explains it ??

Installing the Extension has nothing to do with Divi. You need to install it as a new plugin in WordPress. Please follow the instructions below the list of Extensions on https://tablepress.org/extensions/ . Then, you’ll want to install the ZIP file that you can download from https://tablepress.org/extensions/datatables-fixedheader/

Regards,
Tobias

Ok, finally I managed to install it. After activating and entering the code
[table id=123 datatables_fixedheader=top datatables_fixedheader_offsettop=60 /]

with the right ID in the text module it still doesn’t work. ??

What could be wrong this time?
Regrads,
Bernd

Hi,

nice, that’s a good first step! Can you maybe open the page again tomorrow, same time?

Regards,
Tobias

Hi Tobias,

I will.
Thx
Regards,

Bernd

Hi Bernd,

thanks! You should only have to increase the offset value here, to e.g. 105 pixels.

Regards,
Tobias

Hi Tobias,

it did work with an offset value of 135. Thank you very much for your help.
Now the columns move to the side when the header fixing starts. Do I need to use the DataTables FixedColumns now to avoid this move?

Regards,
Bernd