Scrolling the table

Hi,

thanks for your question.

In that table, this is achieved with the “Horizontal scrolling” feature, that the DataTables JS library brings.
First, on the table’s “Edit” screen, you’ll need to add a new first row (which can be empty, because we will hide it), and check the “Table Head” checkbox.
Then, just check the “Use DataTables” checkbox and uncheck all the other ones, except “Horizontal Scrolling”.
Finally, add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress to hide the table head row again:

.tablepress-id-4 thead {
  display: none;
}

Regards,
Tobias

Thanks a lot Tobias!
This is really interesting, please take a look.

Here https://reman2.linuxpl.info/menu/sniadania/
I’m receiving an error messaage:

DataTables warning (table id = ‘tablepress-3’): Requested unknown parameter ‘1’ from the data source for row 8

BUT the whole table becaame really RESPONSIVE ??

I found out that error comes from using #colspan# in the last row. The best solution would be to get rid of pop up message and leave table like that. Without scrollbars.

Here: https://reman2.linuxpl.info/menu/lekki-poczatek/
there’s no error message and scrollbars are displayed. Is it possible to remove the vertical scroll?

Hi,

yes, that error comes from the fact that the table uses #colspan#. Unfortunately, the DataTables JS library does not support tables that have this properly. You’ll either have to remove it or not use the JS library on this table.

About the vertical scrolling in the other table: I’m not sure where that comes from, but this “Custom CSS” should remove it:

#tablepress-4_wrapper .dataTables_scrollBody {
  height: 100% !important;
}

Regards,
Tobias

Tobias,

others should learn from you how to provide a support, THANK YOU VERY MUCH! Quick answers and each thime the problem is solved.

Best!

Hi,

thanks for the nice words, I really appreciate it! 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!