New to Telerik UI for ASP.NET MVC? Download free 30-day trial
ASP.NET MVC Grid Multi-Column Headers
- EXAMPLE
- VIEW SOURCE
-
Change Theme
defaultDefault Theme
- Main
- Main Dark
- Nordic
- Ocean Blue
- Ocean Blue A11Y
- Purple
- Turquoise
Bootstrap Theme- Main
- Bootstrap 3
- Bootstrap 3 Dark
- Main Dark
- Nordic
- Turquoise
- Turquoise Dark
- Urban
- Vintage
Material Theme- Main
- Arctic
- Lime Dark
- Main Dark
- Nova
Classic Theme- Main
- Green
- Green Dark
- Lavender
- Lavender Dark
- Main Dark
- Metro
- Metro Dark
- Moonlight
- Opal
- Opal Dark
- Silver
- Silver Dark
- Uniform
Fluent Theme- Main
Also available for:
CLIENT-SIDE API SERVER-SIDE APIDescription
The Telerik UI for ASP.NET MVC Grid supports a multi-column header functionality, which renders the column headers in a tree-like structure where the user can group one or more columns together by a common header.
This demo shows how to specify column groups which incorporate
inner-column structures—the Contact Info and
Location columns have nested columns which are defined trough the Column Builder through the
columns.Group(group => group.Title"Contact Info").Columns(col => { col.Bound(x => x.ContactTitle).Width(200);}));
configuration. In addition, operations like sorting and filtering are supported on each column level,
regardless of the chosen multi-header pattern.
For more information about the multi-column header functionality, refer to the official Telerik UI for ASP.NET MVC Data Grid product documentation on implementing column headers.