New to Kendo UI for Vue? Start a free 30-day trial

Columns Basics

The Kendo UI Grid wrapper for Vue supports options for configuring the behavior of its columns.

To configure the column behavior of the native Vue Grid by Kendo UI, refer to the native Vue Grid by Kendo UI documentation.

To manage the columns of the Grid:

For more information on the available properties, refer to the grid.columns configuration.

Using the kendo-grid-columns Component

The following example demonstrates how to set the inline initialization of the kendo-grid-columns component.

Example
View Source
Change Theme:

Using the data Vue Object

The following example demonstrates how to use the data object to specify the columns of the Kendo UI Data Grid wrapper for Vue.

Example
View Source
Change Theme: