Hi,
thanks for your post, and sorry for the trouble.
Did you download, install AND activate them as plugins on your site?
You will then also need to add their corresponding Shortcode parameters to the table Shortcode on this page.
You will then also have to enable the “Use DataTables” checkbox on the table’s “Edit” screen (the individual features can be turned off, if you don’t want them).
One remark though: Due to compatibility issues, it’s not possible to use both of these Extensions at the same time with the same table.
Regards,
Tobias
Hi,
thank you for your quick reply. I did all you suggested but it did’t work.
Hi,
are you sure that the “Use DataTables” checkbox is checked for the table on this page?
Regards,
Tobias
Hi,
ah, yes, now the JS functions are loaded. However, there’s a different problem now: Your table uses the #rowspan# keyword to connect/merge cells across rows. Unfortunately, this is not compatible with the JavaScript functions, including FixedHeader and FixedColumns. If you want to use those, you must remove all #colspan# and #rowspan# from the table.
Regards,
Tobias
Hi,
thanks for your clear reply. May I use both FixedHeader and FixedColumns, for it looks like I can’t. Moreover now the first row doesn’t scroll with the rest of the content. Could you provide any suggestion, please?
-
This reply was modified 5 years, 3 months ago by
lfedele.
Hi,
no, as mentioned above, it’s not possible to use two types of scrolling together. This includes using both FixedHeader and FixedColumns together, as well as FixedHeader and the regular horizontal scrolling.
This is a limititation in the external JavaScript library that TablePress uses for these features, see https://datatables.net/download/compatibility
Regards,
Tobias
Hi,
I understand I can’t use both FixedHeader and FixedColumns. It all looks quite limited if I can’t even use the horizontal scroll together with the FixedHeader or FixedColumns, don’t you agree?
Hi,
it depends on the table, I’d say. I would also love to have the scrolling solutions to be more versatile, but unfortunately, we are tied to what the external JavaScript library offers (I’m not that library’s developer).
Now, one thing that you could try, instead of using the Extensions: There’s also a native vertical scrolling (in addition to horizontal scrolling).
To use that, please try a Shortcode like
[table id=1 datatables_scrollx=true datatables_scrolly=400px /]
That value of 400px defines the height of the scrollable table container.
Note that you’ll again have to remove all #colspan# and #rowspan# from the table for this to work, and the “Use DataTables” checkbox has to be checked.
Regards,
Tobias
Hi,
thank you so much for your kind help and precious suggestions.
Hi,
no problem, you are very welcome! 🙂 Good to hear that this helped!
Best wishes,
Tobias
P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!
