Skip Navigation

[Resolved] Customising look and feel on Table View

This thread is resolved. Here is a description of the problem and solution.

Problem:

I'm encountering challenges creating a table using either the Grid or Table View options. With Table View, customization of the look and feel, such as shading rows and removing column borders, is not straightforward. Meanwhile, using the Grid repeats headings in every line, unlike the desired single heading on the first row.

Solution:

For creating a table, consider using the Views block and selecting Table mode. However, for styling customization, CSS code will be necessary as Toolset does not offer advanced styling features. You can add custom CSS classes to target tables for styling purposes.

100% of people find this useful.

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.

This topic contains 1 reply, has 2 voices.

Last updated by Christopher Amirian 1 year, 6 months ago.

Assisted by: Christopher Amirian.

Author
Posts
#2680567
Screenshot 2024-01-30 090426.png

I am trying to create a table using either the Grid or the Table View but on both options there's challenges.

When creating the table using the table view, it works fine as expected but the issue is customising the look and feel.
I can't seem to find a place where I can shade the rows and romove the borders of the columns.

When creating the table using the Grid, it repeats the headings in every line unlike the table where you have the heading once on the 1st row. I have not gotten to the point of trying to customise the look and feel of the grid yet so I dont know if that's something I can do with the Grid. The attached screenshot with the GREEN HEADER is an an example of what I want to do. I have also attached the table I created using the toolset table which is perfect but I can't' customise it which is where the issue is and I need assistance in this regard.

#2680580

Christopher Amirian
Supporter

Languages: English (English )

Hi there,

The easiest way to create a table is to use the Views block and select the Table mode from there:

https://toolset.com/wp-content/uploads/2022/09/2453641-Table_Layout.jpg

But regarding the styling you will need to do it via CSS code and there is no advanced styling feature available in Toolset.

It is possible to add custom CSS class which you can use to select the table for your CSS code.

Thanks.