| title | page_title | description | slug | canonicalLink | position |
|---|---|---|---|---|---|
Multi-Column Headers |
Vue Grid Wrapper - Multi-Column Headers - Kendo UI for Vue |
Get started with the Vue Grid by Kendo UI and learn how to configure multi-column headers. |
multicolumnheaders_grid_wrapper |
2 |
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]({% slug multicolumnheaders_columns_grid %}).
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.
{% meta height:360 %} {% embed_file grid/columns/multi/main.vue preview %} {% embed_file grid/columns/multi/main.js %} {% endmeta %}
- Kendo UI Grid for jQuery
- API Reference of the Grid Widget
- [Multi-Column Headers in the Native Vue Grid by Kendo UI]({% slug multicolumnheaders_columns_grid %})