Desktop Components ShowcaseMobile Components Showcase
ace:columnGroup - Overview

The <ace:dataTable> component allows developers to implement the “stacking” of multiple row headers in order to group related columns into different sections via the <ace:columnGroup> and <ace:row> components. The sample below illustrates a 6 column data table which headers are combined into logical groups for easy viewing .

Vehicles Data
Name
Chassis 1
Vehicle Parameters
Cost
Exp
General Info
Weight 
Accel 

MPG 2
Ignite
Van
10973
15
3.77
$33,369.32
Triplecharge1195210
17.58
$22,599.82
Enduro1538310
17.86
$6,617.17
SuperflashSubcompact149595
3.91
$31,941.10
Endino49975
6.02
$31,221.48
Hook185310
12.54
$36,068.19
Tiny1278510
12.97
$26,141.79
Passion208210
13.38
$8,015.01
ToureStation Wagon1557610
15.3
$16,844.05
FreezeSemi-Truck61075
8.48
$26,096.26
Gazelle142485
8.64
$9,285.57
Hinterland1245310
10.4
$13,654.10
TontoPickup455510
4.06
$35,895.53
Doublecharge941410
6.37
$19,370.61
Iguana169610
9.43
$19,736.16
false null [0, 1, 2, 3, 4, 5, 6]
Source Code