Getting Started
Components
- Barcodes
- Buttons
- Chartsupdated
- Conversational UIupdated
- Data Query
- Date Inputsupdated
- Date Math
- Dialogs
- Drawing
- Dropdownsupdated
- Editor
- Excel Export
- File Saver
- Filter
- Gantt
- Gauges
- Gridupdated
- Icons
- Indicators
- Inputsupdated
- Labels
- Layout
- ListBox
- ListView
- Map
- Menus
- Navigation
- Notification
- Pager
- PDF Export
- PDFViewer
- PivotGridupdated
- Popup
- ProgressBars
- Ripple
- Schedulerupdated
- ScrollView
- Sortable
- Spreadsheetupdated
- ToolBar
- Tooltips
- TreeList
- - Overview
  - Getting Started
  - Data Binding
  - Data Operations
  - Filtering
  - Aggregates
  - Expanded State
  - Paging
  - Sorting
  - Editing
  - Row Reordering
  - Export
  - Columns
  - - Defining Columns
    - Column Widths
    - Column Formats
    - Hidden Columns
    - Locked Columns
    - Spanned Columns
    - Column Templates
    - Multi-Column Headers
    - Column Resizing
    - Column Reordering
    - Virtual Columns
  - Accessories
  - Scroll Modes
  - Selection
  - Styling
  - Performance
  - Globalization
  - Keyboard Navigation
  - Accessibility
  - API
- TreeView
- Typography
- Uploads
- Utilities
Styling & Themes
Common Features
Project Setup
Knowledge Base
Sample Applications
FAQ
Troubleshooting
Updates
Changelogs

Components / TreeList / Columns / Column Reordering /

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

Column Reordering

The Kendo UI TreeList for Angular enables you to reorder its columns by dragging the header cells.

To enable column reordering, set the reorderable property of the Kendo UI TreeList for Angular to true.

By default, the column-reordering feature is disabled.

Example

View Source

Change Theme:

Suggested Links

Column Resizing

Virtual Columns

Is this article helpful?

Thank you for your feedback!