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.

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

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>