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

ComboBoxColumnComponent

Component

Represents the column definition for the MultiColumnComboBox component.

Use this component to define columns inside the MultiColumnComboBox. See example.

Definition

Package:@progress/kendo-angular-dropdowns

Selector:kendo-combobox-column

Syntax:

html

<kendo-multicolumncombobox ...>
  <kendo-combobox-column field="name" title="Name" width="200"></kendo-combobox-column>
</kendo-multicolumncombobox>

string | string[] | Set<string> | { [key: string]: any }

Sets custom CSS classes for the column cells.

The class property uses the NgClass directive to apply classes.

string

Sets the field to which the column is bound.

The field property can be set to point to a nested property value - e.g. category.name.

string | string[] | Set<string> | { [key: string]: any }

Sets custom CSS classes for the column header cell.

The headerClass property uses the NgClass directive to apply classes.

{ [key: string]: string }

Sets custom styles for the header cell of the column.

The headerStyle property uses the NgStyle directive to apply styles.

boolean

Controls the visibility of the column. When true, hides the column from view.

Default:

false

string

Sets the condition that needs to be satisfied for a column to remain visible. If you set the hidden property, the behavior of media is overridden.

{ [key: string]: string }

Sets custom styles for the table cells of the column (except for the header cells).

The style property uses the NgStyle directive to apply styles.

string

Sets the title of the column.

number

Sets the width of the column (in pixels).