New to Kendo UI for Vue? Start a free 30-day trial
Multi-Column Headers
The Kendo UI Grid wrapper for Vue supports multi-column headers by specifying column groups which incorporate inner column structures.
To implement the multi-column headers functionality in the native Vue Grid by Kendo UI, refer to the native Vue Grid by Kendo UI documentation.
The following example demonstrates how to nest columns in the Product Details column which are rendered through an array of column definitions. The Kendo UI Data Grid wrapper for Vue supports operations, such as sorting and filtering, on each column level and regardless of the selected multi-header pattern.
Example
View Source
Change Theme:
