how did you set the column widths? They have to be a percentage for responsive (or rather “fluid” is what I think you really mean in this case) table on fluid site.
i.e. column-width= 10% 10% 10% 10% …etc X10 for 10 columns
or column-width = 16.67% 33.33% 16.67% 33.33%;
Stick it right in the shortcode:
[table id=weekdaystbl alternating_row_colors=true column_widths=”16.67%|33.33%|16.67%|33.33%” row_hover=true /]
Thread Starter
m-one
(@m-one)
Thanks for the input but problem persists. Had not set any column widths – now using:
[table id=1 alternating_row_colors=true row_hover=true column_widths=”10%|10%|10%|10%|10%|10%|10%|10%|10%|10%” responsive=”tablet” /]
Result: Same problem as before.
Hi,
thanks for your post, and sorry for the trouble.
That’s the expected behavior. As mentioned on the web page of the Extension, the table will be flipped to the side, and it is then scrollable horizontally.
However, to make things look better, you will need to adjust the padding. For that, please remove the changes regarding column widths that you have made and add this to the “Custom CSS” instead:
.tablepress th,
.tablepress td {
padding: 8px !important;
}
Regards,
Tobias
Thread Starter
m-one
(@m-one)
…and it’s fixed. Many thanks – great support.
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!
