Columns Grouped Column

Grouped Column

To group multiple columns under one cell header, use ColumnType.GROUP type. It also requires labels and children properties to be specified. Nested groups is supported.

{
   type: ColumnType.GROUP, label: 'Biodata', children: [
      { field: 'name' },
      { field: 'gender' },
      { field: 'email' },
   ]
}

Nested group is supported. For example:

{
   type: ColumnType.GROUP, label: 'Other Data', children: [
      { field: 'country' },
      {
      type: ColumnType.GROUP, label: 'Date Info', children: [
         { field: 'enrolled' },
         { field: 'last_login' },
      ]
      },
      { field: 'verified' },
   ]
}
Id
Country
Date Info
Verified
Biodata
Amount
Enrolled
Last Login
Name
Gender
Email
1 Philippines 2023-04-26 true Abagail Kingscote F 9339.72
2 Kazakhstan 2023-11-01 false Nicolina Coit M 3744.95
3 United States 2023-01-03 true Sarene Greim M 4397.68
4 Philippines 2023-07-01 false Blair Millbank F 3334.58
5 Indonesia 2023-12-25 true Kliment Sprowle M 6459.93
6 Kazakhstan 2023-08-06 false Winifred Dikle F 9833.93
7 China 2023-01-03 true Chadd Nacci M 4383.54
8 Greece 2023-10-22 false Matthiew Morland F 9727.9
9 Netherlands 2023-07-23 true Perceval Glasheen M 7201.29
10 Sweden 2023-10-13 false Fenelia Oblein M 3654.03