Components
- Barcodes
- Buttonsupdated
- Charts
- Conversational UIupdated
- Data Query
- Date Inputsupdated
- Date Math
- Dialogsupdated
- Drawing
- Dropdowns
- Editorupdated
- Excel Export
- File Saver
- Filter
- Ganttupdated
- Gauges
- Gridupdated
- Iconsupdated
- Indicators
- Inputsupdated
- Labels
- Layoutupdated
- ListBoxupdated
- ListView
- Mapbeta
- Menusupdated
- Navigationupdated
- Notification
- Pagerupdated
- PDF Export
- PivotGridupdated
- Popup
- ProgressBars
- Ripple
- Schedulerupdated
- ScrollViewupdated
- Sortableupdated
- ToolBarupdated
- Tooltipsupdated
- TreeList
- - Overview
  - Getting Started
  - Data Binding
  - Paging
  - Sorting
  - Filtering
  - Aggregates
  - Expanded State
  - Editing
  - Columns
  - - Hidden
    - Locked
    - Spanned
    - Auto-Generated
    - Templates
    - Multi-Column Headers
    - Resizing
    - Reordering
    - Column Menu
    - Virtual Columns
  - Scroll Modes
  - Selection
  - Styling
  - Toolbar Template
  - Responsive Design
  - Export
  - Globalization
  - Keyboard Navigation
  - Accessibility
  - API
- TreeView
- Typography
- Uploadsupdated
- Utilities
Styling & Themes
Common Features
Project Setup
Knowledge Base
Sample Applications
FAQ
Troubleshooting
Updates
Changelogs

Components / TreeList / Columns / Multi-Column Headers /

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

Multi-Column Headers

The Kendo UI TreeList for Angular supports multi-column headers by using column groups which incorporate inner column structures.

The column groups are declaratively defined through the <kendo-treelist-column-group> tag.

Example

View Source

Change Theme:

Suggested Links

Is this article helpful?

Thank you for your feedback!