This page shows how column group headers can be added to any Interactive Grid. Interactive Reports allowed defining column groups but they were only used in single row view. Interactive Grid lets you define column groups and choose if they are used for just report headings, just for single row view or both (the default is both). Column group headings can be used to reorder columns just like column headings. Play around with column reordering and frozen columns to see how the group headings are split and joined.

This example also defines meaningful heading labels, and column types. Take a look at the attributes for each column. It follows the best practice of giving the region a Static ID ("emp") to make it easier to customize the grid with CSS and JavaScript later. It shows how the column heading and column group headings can include markup. In this case it is used to give a distinct text color using a CSS rule added to the page's inline CSS attribute. When you use markup for a heading make sure to also define an Alternative Label to be used in dialogs and menus.