Hi,
thanks for your post, and sorry for the trouble.
The reason for this might indeed be the blue header row. This is required for the pagination (and the other features of the DataTables JS library) to work. However, we can hide it via CSS, so that this problem can be fixed.
Now, to find out details, please post the link to the page with the table. I’ll then gladly take a look and try to find out why the pagination is not working.
Additionally, please double-check if the “Head row”, “Use DataTables”, and “Pagination” checkboxes are checked on the “Edit” screen of the table.
Regards,
Tobias
Yes, head row, data tables and pagination are enabled. Here is the page I am working on: http://dubeslandscaping.com/landscape-materials/pricing
Hi,
thanks for the link!
I’ve found the reason for this issue: Your table has combined cells (via #colspan#). Unfortunately, such combined cells in a table are not supported by the DataTables JavaScript library that adds the pagination (and other) features.
Therefore, you’ll have to decide: Either have the combined cells and not use pagination, or use pagination and remove all #colspan#. Both is not possible, unfortunately.
Regards,
Tobias
PERFECT! That worked! I will need to edit the css to remove the blue bar from view, yes?
You are very responsive on your support tickets Tobias. I really appreciate it.
Hi,
great to hear that this worked!
Yes, to remove the blue head row, you’ll need this “Custom CSS” (to be entered on the “Plugin Options” screen of TablePress):
.tablepress-id-1 thead {
display: none;
}
And you are very welcome for the support! If you want, you can rate TablePress here in the plugin directory. Thanks!
Regards,
Tobias
