Introduction
Getting Started
Vue 2 End of Support
Vue Wrappers End of Life
Native Components
Wrapper Components
- Introduction
- Barcodes
- Buttons
- Charts
- Chat
- DataSource
- Date Inputs
- Diagram
- Dialog
- Dropdowns
- - Overview
  - AutoComplete
  - ComboBox
  - DropDownList
  - MultiColumnComboBox
  - MultiSelect
  - API
- DropDownTree
- Editor
- Gantt
- Gauges
- Grid (wrapper)
- Inputs
- Layout
- List Views
- ListBox
- Map
- MediaPlayer
- PivotGrid
- Popups
- Scheduler
- ScrollView
- Spreadsheet
- TreeList
- TreeMap
- TreeView
- Upload
- Validator
- Window
- Framework & Features
- Globalization
- Troubleshooting
- Using Wrapper Components in Vite
Sample Applications
Styling & Themes
Common Features
Project Setup
Knowledge Base
Changelog
FAQ
Troubleshooting

Components / Dropdowns / MultiColumnComboBox / Grouping /

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

Grouping

Grouping allows you to display data items which are categorized by a specific model field.

The grouped data is sorted either in ascending or descending order.

To group the data in a specific (custom) order, use server grouping.

For more information on the grouping functionality of the Data Source, refer to the article on the group configuration.

To configure the rendering of the group titles, use the groupTemplate and fixedGroupedTemplate templates of the component.

Example

View Source

Change Theme:

Suggested Links

Cascading MultiColumnComboBoxes