Next
Update
Prev

To group columns into a header group, define <DataGridColumnGroup> before defining <DataGridColumn>. This sample Grid demonstrates grouping Cities into two Regions (Asia, U.S.A.) and grouping Revenue and Percent into Sum.

...
<DataGridColumnGroup headerText="Region" >
  <DataGridColumnGroup headerText="Asia" >
    <DataGridColumn id="dg1col4" dataField="Seoul" ... >
    <DataGridColumn id="dg1col5" dataField="Tokyo" ... >
    <DataGridColumn id="dg1col6" dataField="Singapore" ... >
  </DataGridColumnGroup>
  <DataGridColumnGroup headerText="U.S.A." >
    <DataGridColumn id="dg1col7" dataField="NewYork" ... >
    <DataGridColumn id="dg1col8" dataField="LA" ... >
    <DataGridColumn id="dg1col9" dataField="Washington" ... >
  </DataGridColumnGroup>
</DataGridColumnGroup>
...

© 2017 KoolChart. All rights reserved.