Hi,
thanks for your post, and sorry for the trouble.
The reason why this “Horizontal Scrolling” is not working is that the entire DataTables JS library was not initialized by your browser.
The reason for this seems to be a JS scripting error that I can see in the browser console. It appears that that’s triggered in the WooCommerce plugin.
Can you try again after temporarily deactivating that plugin?
Regards,
Tobias
Thread Starter
adn100
(@adn100)
Thx a lot. I have tried to deactivated Woo Commerce and the table works well now with JS lib features. Just wondering how can I change the width of a specific column and how can I wider the whole table size since it appears that my table only take 3/4 of the page and I want it to be something like 90%.
Hi,
good to hear that this helped!
About the width of the table: The table is taking up 100% of the space that the theme gives to it here. Most likely, the remaining space on the right side is intended to be used for a sidebar. So, either your theme has a Page Template for “Full width”, or you’ll need to add one. For that, you should then contact the theme developer for help.
Regards,
Tobias
Thread Starter
adn100
(@adn100)
Thx a lot.
Just one last question, how can I change the background color of the tile row and the font color in css since the default setting appears to be unclear on my site.
My table id is ‘1’, shall I start with:
.tablepress-id-1 {
…
}
Hi,
for the table head row background color, please see the TablePress FAQ at http://tablepress.org/faq/change-background-color-table-head-row/
To then also change the font color, you would add
color: #000000;
to that code.
And, yes, as your table ID is one, all CSS code for this table has to start with .tablepress-id-1
Regards,
Tobias
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!
