New to Kendo UI for Vue? Start a free 30-day trial
Locked Columns
You can display Kendo UI Grid wrapper for Vue with large number of columns on limited viewports and make a small subset of them static while scrolling the rest horizontally to make them visible.
To implement locked columns in the native Vue Grid by Kendo UI, refer to the native Vue Grid by Kendo UI documentation.
To apply the locked (static or frozen) column feature, set the locked property of the corresponding column to true. By default, the Kendo UI Data Grid wrapper for Vue renders its locked columns on its left side.
The following example demonstrates how to implement the OrderID and ShipName columns as locked.
Example
View Source
Change Theme:
