Column API in React Multicolumn Combobox API component

Specifies the number of columns and its respective fields to be displayed in the dropdown popup.

Properties

customAttributes

{ : }

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

Defaults to null

displayAsCheckBox

boolean

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

Defaults to false

field

string

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

Defaults to ”

format

string | NumberFormatOptions | DateFormatOptions

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

string

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 | function | JSX.Element

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 | function | JSX.Element

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

TextAlign

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

Defaults to Left

width

string | number

Defines the width of the column in pixels or percentage.

Defaults to ”