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 / Columns /

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

Columns

The MultiColumnComboBox supports options for configuring the behavior of its columns.

To manage the columns of the MultiColumnComboBox, either:

Use the kendo-multicolumncombobox-columns component, or
Configure an object in the Vue data.

For more information on the available props, refer to the multicolumncombobox.columns configuration.

Using the kendo-multicolumncombobox-columns Component

The following example demonstrates how to set the inline initialization of the kendo-multicolumncombobox-columns component.

Example

View Source

Change Theme:

Using the data Vue Object

The following example demonstrates how to use the data object to specify the columns of the MultiColumnComboBox.

Example

View Source

Change Theme:

Suggested Links