Skip to main content

We have a page that uses a table control. The table has six columns. The columns can be logically organized into two groups of three. We would like to display a second-level header above the normal column headers that spans the three columns that make up each group. Can this be done within the table control? If not, is there a good way to fake it?

What do you mean by table control? I’m not following. Can you share pictures to describe what you’re experiencing and what you’re wanting.


Sorry, I meant Table Component. This. https://docs.skuid.com/latest/en/skuid/components/table/


Here’s a very simple schematic of what I’m trying to do. 


https://docs.google.com/spreadsheets/d/16zWAhcKMx51EOgl5hKrIL883EPuFDQJ3N9rWmG3oa9I/edit?usp=sharing


The first row of the spreadsheet represents the part that I’m unable to do in Skuid.


Hi Peter


If this not meant to be dynamic then here is a sample page using the responsive grid component to group the columns. Let us know if this works?






























<p style="text-align: center;"><strong>Group 1</strong></p>







<p style="text-align: center;"><strong>Group 2</strong></p>