How do I create a table with merged headers? When I open the Table Properties, I can't find an option to create multiple row headers and to merge the headers.
A table is a good way to present data. While the content of the table is important, the header is equally significant. The Table element in GUI Design Studio allows you to customize the header texts and styles, input and sort data, and create rows and columns. Unfortunately, merging of table headers is not yet supported (as of v4.2).
To create a table with merged headers, we need to take advantage of the Header Space property and overlaying separate Heading elements.
The only limitation with this technique is if the Table is too narrow for all the the columns, the Heading elements will extend beyond the table and will not scroll horizontally with the data.
Let's make an example by following the simple steps below to produce a 4-column table with merged headers.
1. Drag and drop Table element onto the workspace. Double-click the Table to open its Table Properties. Go to the Columns tab and create 4 columns with headers labeled "1", "2", "3", and "4". Go to the Data tab and double-click the cells to input sample data. Go to the Style tab. Note that the default Header Height is "22". Change this number to "44" and click OK.
You should have a Table that looks similar to the one below.
2. Drag and drop 4 Heading elements onto the workspace. Double-click one Heading element to open its Table Heading Properties and change the Heading text. Do this for the other 3 Heading elements as shown below. Align the Headings onto the Table and size them accordingly.
3. Drag and drop 2 more Heading elements onto the workspace. Double-click one Heading element to open its Table Heading Properties and change its text. Do this for the other element as shown below. Align and size the Headings accordingly onto the Table.