Header Bands

 
SalesYear-Over-Year ComparisonMarket Share
RegionMarchSeptemberMarchSeptember
Europe
$206,400$234,3005.23%4.61%70%
Asia
$33,300$39,3006.61%5.60%52%
Oceania
$10,000$10,9003.00%2.75%80%
Middle East
$11,600$12,9002.59%2.33%58%
Africa
$63,900$71,8002.90%2.58%41%
North America
$32,000$36,0004.69%4.17%84%
South America
$17,100$19,4004.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.