Getting Started
Components
- Barcodes
- Buttons
- Chartsupdated
- Conversational UI
- Data Query
- Date Inputsupdated
- Date Math
- Dialogsupdated
- Drawing
- Dropdownsupdated
- Editor
- Excel Export
- File Saver
- Filter
- Ganttupdated
- Gauges
- Gridupdated
- Icons
- Indicators
- Inputs
- Labels
- Layout
- ListBoxupdated
- ListView
- Map
- Menus
- Navigationupdated
- Notification
- Pager
- PDF Export
- PDFViewernew
- PivotGrid
- Popup
- ProgressBars
- Ripple
- Scheduler
- ScrollView
- Sortable
- ToolBar
- Tooltips
- TreeListupdated
- - Overview
  - Getting Started
  - Data Bindingupdated
  - Paging
  - Data Operations
  - Filteringupdated
  - Aggregates
  - Expanded State
  - Editing
  - Sorting
  - Row Reorderingnew
  - Columns
  - - Defining 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
- TreeViewupdated
- Typography
- Uploads
- Utilitiesupdated
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!