ColumnDirective

1 Oct 20251 minute to read

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 ’’