table on mobile device

Hi,

thanks for your post, and sorry for the trouble.

Making HTML tables on the web responsive is a general problem. Due to their fixed structure, there are not many solutions here.
One idea that should work here is to make the table scrollable horizontally. For that, please take a look at https://www.ads-software.com/support/topic/responsive-tables-scroll-only?replies=6#post-5511954

Regards,
Tobias

Thank you Tobias for the answer.

But I don′t get it work.

Because I not really now in which php I have to add the div wrapper.

1.I tried in several, and when it really works then I have to make a child theme. Maybe you cannot help me here, I have to ask the theme support.
2.But maybe you can see already if this table as to much text, or the fontsize is to big.
3. And what is the reason that the first row doesn′t stay on top.

I hope you have some suggestions.
Greetings Marga

Hi Marga,

those are not changes in the PHP files, but in the editor for the post/page where you are showing the table. You’ll just have to put the HTML code for the <div> around the Shortcode there.
Also, please deactivate the Responsive Tables Extension again. That is not helpful for this table.

Regards,
Tobias

Sorry Tobias, I don′t get it.
On the page editor is:
[table id=4 responsive=”tablet” “phone” /]

Is this the html code you talking about? And where do I have to put it?
<div class=”tablepress-scroll-wrapper”>
[table id=4 /]
</div>
and in “zusatz.css I have written
.tablepress-scroll-wrapper {
overflow-x: auto;
overflow-y: hidden;
}

Thanx for you patience….
Marga

Sorry again, I′ve got it…
thanx it works….
great,,…

see donation box soon….

Hi,

no problem, you are very welcome! ?? Good to hear that this helped!
And thanks for wanting to donate, I really appreciate it!

Best wishes,
Tobias

P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!