What is KendoReact
Getting Started
Server Components
Components
- Animation
- Barcodes
- Buttons
- Chart Wizardnew
- Chartsupdated
- Common Utilities
- Conversational UIupdated
- Data Gridupdated
- Data Query
- Data Toolsupdated
- Date Inputs
- Date Math
- Dialogsupdated
- Drawing
- Dropdowns
- Editor
- Excel Export
- File Saver
- Form
- Gantt
- Gauges
- Indicators
- Inputsupdated
- Labels
- Layoutupdated
- ListBoxupdated
- ListView
- Map
- Notification
- OrgChart
- PDF Processing
- PDF Viewer
- PivotGrid
- Popup
- Progress Bars
- Ripple
- Schedulerupdated
- ScrollView
- Sortable
- Spreadsheet
- TaskBoard
- Tooltips
- TreeList
- - Overview
  - Getting Started
  - Editing
  - Filtering
  - Sorting
  - Columns
  - - Widths
    - Locked
    - Multi-Column Headers
    - Resizing
    - Reordering
    - Column Menu
    - Virtualization
  - Selection
  - Cells
  - Flat Data
  - Loading Remote Data
  - Excel Export
  - Paging
  - PDF Export
  - Virtual Scrolling
  - Aggregates
  - Keyboard Navigation
  - Drag and Drop
  - Globalization
  - API
- TreeViewupdated
- Upload
Sample Applications
Styling & Themes
Common Features
Project Setup
Knowledge Base
Changelog
Updates
Troubleshooting

Components / TreeList / Columns / Locked /

Locked columns

Locked (frozen or sticky) columns are the columns that are visible at all times 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