Responsive Table with Header Alignment | ww.wp.xz.cn

Resolved imblake3
(@imblake3)

10 years, 3 months ago

Hello,

First of all, thank you Tobias for this amazing plugin! I know this topic has been asked a few times, but I couldn’t get any solution to work for me. I have been battling back and forth between heading alignment and responsiveness. I cannot seem to get this table to have the header lined up correctly while also looking decent on a phone.

Any thoughts on how to align the header while allowing responsive scroll on a phone? Really appreciate any help!

Blake

https://ww.wp.xz.cn/plugins/tablepress/

Viewing 3 replies - 1 through 3 (of 3 total)

Plugin Author Tobias Bäthge
(@tobiasbg)

10 years, 3 months ago
Hi,

thanks for your question, and sorry for the trouble.

Please try adding this to the “Custom CSS” of TablePress:
```
.tablepress {
    table-layout: auto;
    word-wrap: normal;
}
```
If that does not help, I suggest to use the scroll mode of the Responsive Tables Extension from https://tablepress.org/extensions/responsive-tables/ instead of the “Horizontal Scrolling” checkbox on the table’s “Edit” screen.

Regards,
Tobias
Thread Starter imblake3
(@imblake3)

10 years, 3 months ago

Perfect! Thank you so much for the quick fix!

Plugin Author Tobias Bäthge
(@tobiasbg)

10 years, 3 months ago

Hi,

no problem, you are very welcome! 🙂 Good to hear that this helped!

Best wishes,
Tobias

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Responsive Table with Header Alignment’ is closed to new replies.

Tags

3 replies
2 participants
Last reply from: Tobias Bäthge
Last activity: 10 years, 3 months ago
Status: resolved