Header Bands

 
Sales Year-Over-Year Comparison Market Share
Region March September March September
Europe
$206,400 $234,300 5.23% 4.61% 70%
Asia
$33,300 $39,300 6.61% 5.60% 52%
Oceania
$10,000 $10,900 3.00% 2.75% 80%
Middle East
$11,600 $12,900 2.59% 2.33% 58%
Africa
$63,900 $71,800 2.90% 2.58% 41%
North America
$32,000 $36,000 4.69% 4.17% 84%
South America
$17,100 $19,400 4.68% 4.12% 32%
Data grid with 7 rows and 8 columns
0 rows are selected

You can combine DevExpress Blazor TreeList headers into a hierarchy of higher-level groups (header bands). Our Blazor TreeList component supports unlimited band nesting levels. Users can use the column chooser or drag column headers to move columns within a band but cannot drag them to a different parent band.

To create a band, declare a DxTreeListBandColumn object and specify nested columns in the Columns template.

This demo includes Sales and Year-Over-Year Comparison header bands.