Introduction
Getting Started
Vue 2 End of Support
Vue Wrappers End of Life
Native Components
- Animation
- Buttons
- Chartsupdated
- Conversational UI
- Data Query
- Data Tools
- Date Inputs
- Date Math
- Dialogs
- Drawing
- Dropdowns
- Editor
- Excel Export
- File Saver
- Form
- Gauges
- Gridupdated
- Icons
- Indicators
- Inputsupdated
- Labels
- Layout
- 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 / Resizing /

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

Resizing

The Kendo UI for Vue Native Data TreeList enables you to resize its columns by dragging the edges (resize handles) of the header cells.

To enable column resizing, set the resizable property of the TreeList to true.

Example

View Source

Change Theme:

Suggested Links

Multi-Column Headers