Hi,
thanks for your post, and sorry for the trouble.
That code is still the recommend way to change column widths. Note that things get tricky once a table’s width reaches the width of its container, as the browser does then not really have “room” to work with. Can you please post a link to the page with the table where this problem happens, so that I can take a direct look? Thanks!
Regards,
Tobias
Thread Starter
alecdb
(@alecdb)
Hello,
Thank you for your reply, and sorry for my delay on my response. The actual table data is confidential so I’ve gone ahead and made a copy with dummy data that will show the issue. https://fhrwanda.org/table-test/
And I’m definitely hitting this problem; my hope was that the horizontal scrolling feature would allow the table to be wider than the page… any advice?
Hi,
thanks for the link!
Just as I thought, your columns are already too wide (making it necessary to use horizontal scrolling). Therefore, the width: ..px; CSS property is not sufficient to increase the width of a column. Instead, you should also add the min-width property, with the same value, i.e.
width: ..px;
min-width: ..px;
wherever you want to increase the column widths for this table.
Regards,
Tobias
Thread Starter
alecdb
(@alecdb)
Problem solved! Thank you. Great plugin.
Hi,
no problem, you are very welcome! 🙂 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!
