New to Telerik UI for ASP.NET Core? Download free 30-day trial

Multi-Column Headers

The multicolumn headers of the Grid represent a tree-like structure where the user can group one or more columns together by a common header.

For a runnable example, refer to the demo on implementing multi-column headers in the Grid.

That common header in turn can be a child of another upper MultiColumn header which can also span both columns and other headers.

    .Columns(columns =>
        columns.Group(colGroup =>
            colGroup.Title("Ship Information");
            colGroup.Columns(cols =>
                cols.Bound(f => f.OrderID).Width(200);
                cols.Bound(f => f.ShipCountry).Width(200);

The previous example results in the following output.

A Telerik UI Grid HtmlHelper for ASP.NET Core with a column group

See Also

In this article
Not finding the help you need? Improve this article