The grids below have hierarchical column structures where some columns contain groups of columns.

The columns have multi-level, merged headers that reflect the structure of the data. Clicking header cells selects the whole group.

Both examples create the headers using the ColumnGroupProvider class which is defined in the wijmo.grid.columngroups extension module.

W3C table example

This example is based on the W3 page that describes the table element. It shows a simple table with a column group that shows "Average" weight and height values:

Financial table example

This example shows a table with financial data. The data contains two column groups, one showing fund performance and one showing fund composition.