Grouped column headers in table

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>