Hi,
thanks for your post, and sorry for the trouble.
Unfortunately, the link to your page with the table is not working properly. Can you maybe post that again? I’ll be happy to take a direct look at this!
Regards,
Tobias
That was a snapshot. Can you be more specific when you say “link to your page”? This is where the table is posted but it’s in a tab labeled “2013”. Is that what you mean?
https://www.staging2.delawarenewsline.com/tracking-police-violence/
Hi,
The new link is exactly what I meant. Thanks a lot! The other one, to the screenshot, is also working, but was only giving me an error message earlier.
The problem here is that the table is shown in a tab. This means that it’s not shown when the page is loaded initially, but hidden. Due to that, the JavaScript library can not make certain calculations for the column widths, which however is needed for the “Horizontal Scrolling” checkbox to work.
I therefore recommend to turn that “Horizontal Scrolling” checkbox off, and instead use the scroll mode that the TablePress Extension from https://tablepress.org/extensions/responsive-tables/ offers. This also adds horizontal scrolling, but in a different technical way, that is not affected by this issue.
Regards,
Tobias
This works [table id=32 responsive=scroll /] but the cells are still not evenly spread., any ideas? Take a look here: https://www.staging2.delawarenewsline.com/tracking-police-violence/
and thanks for all your help with this!
Like the address cell is three rows, I want it to be just the one row.
Hi,
thanks for the explanation of what you want to achieve. The best solution should be to disallow automatic word-wrapping them.
For that, you could add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:
.tablepress-id-32 td {
white-space: nowrap;
}
If you also want the header row to be all in one line of text, please use
.tablepress-id-32 th,
.tablepress-id-32 td {
white-space: nowrap;
}
instead.
Regards,
Tobias
Works Perfect! …For that table, so I am assuming I have to copy and paste this css code and edit the table id for each table I have.
Thanks for all your help!
Yup, that works perfectly as well.
Thanks again for all your help Tobias!
Hi,
correct, you could copy that CSS code and adjust the table ID as needed.
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!
