Columns

The MultiColumnComboBox allows you to predefine the columns that will be rendered in its drop-down list through the dropDownWidth option.

Getting Started

You can set which field from the dataItem will be populated by defining a title, template, headerTemplate, and width.

    @(Html.Kendo().MultiColumnComboBox()
        .Name("multicolumncombobox")
        .Columns(columns =>
        {
            columns.Add().Field("ContactName").Title("Contact Name").Width("200px")
            columns.Add().Field("ContactTitle").Title("Contact Title").Width("200px");
            columns.Add().Field("CompanyName").Title("Company Name").Width("200px");
            columns.Add().Field("Country").Title("Country").Width("200px");
        })
        .DataSource(source => source
            .Read(read => read.Action("Products_Read", "MultiColumnComboBox"))
            .ServerFiltering(true)
        )
    )

Setting Column Widths

The MultiColumnComboBox allows you to set the width of the drop-down through its dropDownWidth option. The columns also allow you to set their columns.width.

  • If the widths of all columns are defined in pixels through their width option, the dropDownWidth value (if set) is overridden.
  • In all other cases when the widths of all columns are not set, the dropDownWidth value is applied to the element.

See Also

In this article
Not finding the help you need? Improve this article