Custom Rendering

The MultiColumnComboBox provides options for customizing the way it renders its elements and rows.

Custom Items

In order to customize an item, use the itemRender property and change the child appearance.

The following example demonstrates how to customize the MultiColumnComboBox items using the itemRender property and add a Checkbox column.

Example
View Source
Change Theme:

Values

To customize the element content that holds the selected text, use the valueRender prop.

Example
View Source
Change Theme:

Custom Row Style

Using the itemRender can also customize and each row appearance.

The following example demonstrates how use the itemRender property of the MultiColumnComboBox in order to change the style of each rows.

Example
View Source
Change Theme:

In this article

Not finding the help you need?