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
- Icons
- Indicators
- Inputs
- Labels
- Layoutupdated
- ListBox
- ListView
- Notification
- PDF Processing
- Popup
- Progress Bars
- Scheduler
- ScrollView
- Tooltip
- TreeList
- - Overview
  - Getting Started
  - Editing
  - Filtering
  - Sorting
  - Columns
  - - Widths
    - Locked
    - Multi-Column Headers
    - Resizing
    - Reordering
    - Column Menu
    - Virtualization
  - Custom Templates
  - Flat Data
  - Excel Export
  - Paging
  - Selection
  - PDF Export
  - Virtual Scrolling
  - Toolbar
  - Aggregates
  - Drag and Drop
  - Keyboard Navigation
  - Globalization
  - API
- TreeView
- Upload
Wrapper Components
Sample Applications
Styling & Themes
Common Features
Project Setup
Knowledge Base
Changelog
FAQ
Troubleshooting

Components / TreeList / Columns / Locked /

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

Locked columns

Locked, also knows as frozen or sticky columns are the columns that are constantly visible while the user scrolls the TreeList horizontally.

In order for the locked columns to work properly, configure the following options:

(Required) Set width of each column.
(Required) Set overflow: auto and width in pixels through style of the TreeList.
(Required) Set locked property of the column.

By default, the columns of the TreeList are not locked.

Example

View Source

Change Theme:

Suggested Links

Multi-Column Headers

Is this article helpful?

Thank you for your feedback!