Introduction
Getting Started
Vue 2 End of Support
Native Components
- Animation
- Buttons
- Chartsupdated
- Conversational UInew
- Data Query
- Data Tools
- Date Inputs
- Date Math
- Dialogs
- Drawing
- Dropdownsupdated
- Editor
- Excel Export
- File Saver
- Form
- Gauges
- Grid
- - Overview
  - Data Binding & Operations
  - Editing
  - Filtering
  - Grouping
  - Paging
  - Sorting
  - Selection
  - Excel Export
  - PDF Export
  - Custom Templates
  - Columns
  - - Widths
    - Resizing
    - Locked
    - Reordering
    - Multi-Column Headers
    - Column Menu
    - Column Virtualization
    - Hidden Columns
    - Dynamic Columns Generation
  - Rows
  - Live Data Updates
  - Performance
  - Persist state
  - Compact Grid
  - Keyboard Navigation
  - Scroll Modes
  - Styling
  - Integration with ASP.NET Core Projects
  - Globalization
  - Accessibility
  - API
- Icons
- Indicators
- Inputs
- Labels
- Layoutupdated
- ListBox
- ListView
- Notification
- PDF Processing
- Popup
- Progress Bars
- Scheduler
- ScrollView
- Tooltip
- TreeList
- TreeView
- Upload
Wrapper Components
Sample Applications
Styling & Themes
Common Features
Project Setup
Knowledge Base
Changelog
FAQ
Troubleshooting

Components / Grid / Columns / Locked /

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

Locked columns

Locked (frozen or sticky) columns are the columns that are visible at all times while the user scrolls the native Vue Grid by Kendo UI horizontally.

To lock a column, set the lock property of the Grid column to true.

By default, columns are not locked.

This feature is based on CSS position:sticky so it is not supported in IE11 and the other browsers that does not support it.

Example

View Source

Change Theme:

Suggested Links

Is this article helpful?

Thank you for your feedback!