All docs
V20.2
20.2
20.1
19.2
The page you are viewing does not exist in version 19.2. This link will take you to the root page.
19.1
The page you are viewing does not exist in version 19.1. This link will take you to the root page.
18.2
The page you are viewing does not exist in version 18.2. This link will take you to the root page.
18.1
The page you are viewing does not exist in version 18.1. This link will take you to the root page.
17.2
The page you are viewing does not exist in version 17.2. This link will take you to the root page.

BootstrapComboBoxProperties.EnableMultiColumn Property

Enables the Combo Box's multi-column mode.

Namespace: DevExpress.Web.Bootstrap

Assembly: DevExpress.Web.Bootstrap.v20.2.dll

Declaration

[DefaultValue(false)]
public bool EnableMultiColumn { get; set; }
<DefaultValue(False)>
Public Property EnableMultiColumn As Boolean

Property Value

Type Default Description
Boolean

false

true to enable multi-column mode; otherwise, false.

Remarks

The Combo Box can be displayed as a table with multiple columns. Each column displays data from a corresponding data source field. A column header is generated based on its specified field name.

To enable multi-column mode in a Combo Box, follow the steps below:

  1. Populate the Fields collection with names of data source fields that supply data for Combo Box columns.

    NOTE

    Unbound Combo Box controls do not support multi-column mode. Do not use the EnableMultiColumn property with the Combo Box's Items collection.

  2. Set the EnableMultiColumn property to true.

  3. (Optional) Use the field's SettingsMultiColumn property to customize a corresponding column's header, tooltip, and width.
<dx:BootstrapComboBox runat="server" 
                      DataSourceID="WWICountriesDataSource" 
                      EnableMultiColumn="true" 
                      ValueField="CountryID">
    <Fields>
        <dx:BootstrapListBoxField FieldName="IsoAlpha3Code">
            <SettingsMultiColumn Caption="Code" ToolTip="IsoAlpha3Code" Width="50px" />
        </dx:BootstrapListBoxField>
        <dx:BootstrapListBoxField FieldName="CountryName" />
        <dx:BootstrapListBoxField FieldName="Region" />
        <dx:BootstrapListBoxField FieldName="Subregion" />
    </Fields>
</dx:BootstrapComboBox>

Bootstrap-ComboBox-Multi-Column-Mode

NOTE

Online Demo: Combo Box - Multi Column

The EnableMultiColumn property synchronizes its value with the editor's BootstrapComboBox.EnableMultiColumn property.

See Also