New to Telerik UI for ASP.NET Core? Download free 30-day trial
Multi-column headers
Loading Demo...
- EXAMPLE
- VIEW SOURCE
- Edit in Theme Builder
-
Change Theme
DefaultSASSLESS
- Default
- Bootstrap
- Material
- Launch Theme Builder
- multicolumnheaders.cshtml
- CustomerViewModel.cs
Also available for:
API REFERENCEDescription
The Telerik for ASP.NET Core DataGrid supports multi-column headers by specifying column groups which incorporate inner-column structures.
In this demo, you can see the Contact Info and Location columns have nested columns, defined trough the Column Builder:columns.Group(group => group.Title"Contact Info").Columns(col => { col.Bound(x => x.ContactTitle).Width(200);}));In addition, operations like sorting and filtering are supported on each column level, regardless of the chosen multi-header pattern.
More about Telerik Grid for ASP.NET Core