Edit this page

Multicolumn Headers

The multicolumn headers of the Kendo UI Grid for jQuery represent a tree-like structure where one or more columns can be grouped together by a common header.

That common header in its turn can be a child of another upper MultiColumn header which can also span both columns and other headers. For more information, refer to the demo on implementing multicolumn headers.

Example
columns: [
{
    title: "Personal Info",
    columns: [
        { field: "name" },
        { field: "birthdate" }
    ]
},
{
    title: "Location",
    columns: [
        { field: "city" },
        { field: "country" }
    ]
},
{
    field: "phone"
}]

The above definition will be presented in the following output:

See Also

Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article

close
Dummy