ColumnDirective API in Angular Multicolumn Combobox API component

e-column directive represent a column of the Angular MultiColumnComboBox. It must be contained in a MultiColumnComboBox component(ejs-multicolumncombobox).

<ejs-multicolumncombobox [dataSource]='data'>
  <e-columns>
   <e-column field='ID' width='100'></e-column>
   <e-column field='name' header='Name' width='100'></e-column>
  </e-columns>
</ejs-multicolumncombobox>

Properties

customAttributes

any

The CSS styles and attributes of the content cells of a particular column can be customized.

Defaults to null

displayAsCheckBox

any

If displayAsCheckBox is set to true, it displays the column value as a check box instead of Boolean value.

Defaults to false

field

any

Defines the name of the field whose data will be displayed in the column.

Defaults to ”

format

any

It is used to change display value with the given format and does not affect the original data. Gets the format from the user which can be standard or custom number and date formats.

Defaults to null

header

any

Defines the header text of column which is used to display in column header. If headerText is not defined, then field name value will be assigned to header text.

Defaults to ”

headerTemplate

string | object

Defines the column template as string or HTML element ID which is used to add customized element in the column header.

Defaults to null

template

string | object

Defines the column template that renders customized element in each cell of the column. It accepts either template or HTML element ID.

Defaults to null

textAlign

any

Defines the alignment of the column in both header and content cells.

Defaults to Left

width

any

Defines the width of the column in pixels or percentage.

Defaults to ”