Scrollable table – Header with #colspan#

Hi,

thanks for your question, and sorry for the trouble.

This is only possible if you don’t want to use any of the JavaScript features of the DataTables JS library, as that does not work in tables with #colspan#.
So, vertical scrolling will probably not work. For horizontal scrolling, you could use the scroll mode of the TablePress Extension from https://tablepress.org/extensions/responsive-tables/

Regards,
Tobias

Hi Tobias,

OK, thanks for your answer.
What a pity… :'(

Best,
Maarten

Hi,

sorry about that, but it’s not in my hands :-/

Best wishes,
Tobias

Hi Tobias,

No problem, I understand very well. Maybe I can try to hide the first row and pad the entire table higher.

Best,
Maarten

Hi,

yes, that might be worth checking out.

Best wishes,
Tobias

Hi Tobias,

Is there any way to set the header columns width ?
They don’t seem to respect the width I added in the CSS.

When I added a vertical scrolling to my sidebar, I suddenly also got a horizontal scrolling, because the table seems to be larger than displayed.

Thanks a lot, best,
Maarten

Hi,

where exactly and in which browser is this happening? Can you maybe post a screenshot?

Regards,
Tobias

Hi,

You can see the right sidebar is horizontally scrollable, in all browsers (Safari, Chrome, Firefox).

This is the code I added in the WordPress CSS :

#secondary {
	max-height: calc(120vh - 9rem);
	overflow-y: auto;
 }

Thanks ??

Hi,

this layout of sidebar and tables is already rather sophisticated. Please try this “Custom CSS”:

.tablepress {
  table-layout: auto;
}

If that does not help, I can only suggest that you play around this yourself, with the Developer Tools in Chrome, maybe.

Regards,
Tobias

Hi Tobias,

Thanks a lot, it works.

Sorry for the number of questions, thanks again for the perfect support.

Regards,
Maarten

Hi,

great! Thanks for the confirmation! ??

Best wishes,
Tobias