Skip Navigation

[Resolved] styling the table

This support ticket is created 6 years, 2 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Supporter timezone: Asia/Hong_Kong (GMT+08:00)

This topic contains 4 replies, has 2 voices.

Last updated by Luo Yang 6 years, 2 months ago.

Assisted by: Luo Yang.

Author
Posts
#1158191

Tell us what you are trying to do? i have managed to create a search button shortcode add it to the front page and a results page. I want the results page that has 8 columns to give each column a title so that every search result in better understood.
Also i would like to give different space size to each columns

Is there any documentation that you are following? i have searched a lot in the support and your documentation

Is there a similar example that we can see? i like this output hidden link

What is the link to your site? hidden link

#1158193

hidden link

here maybe it is more obvious what i need to achieve thank you

#1158531

Hello,

I have checked the URL you mentioned above:
hidden link

It is using HTML table, I suggest you format the view's result with "table" mode, see our document:
https://toolset.com/documentation/user-guides/view-layouts-101/#table

You can also let users sort the result by clicking table header:
https://toolset.com/documentation/user-guides/allowing-visitors-to-sort-the-front-end-results/

For your reference.

#1158542

hello that was helpfull, if it is possible what css should i use in order to have borders in the table for columns and rows

thank you

#1158544

Of course, you can add custom CSS codes to style the HTML table, for example:
hidden link

To add CSS codes into view, please check this document:
https://toolset.com/documentation/user-guides/adding-custom-css-views/

If you need more assistance for the CSS problem, new ticket please, that will help other users to find the answers.