Kendo UI for jQuery

jQuery MultiColumnComboBox

  • Display selectable options in a drop-down table with full support for data binding, filtering. sorting, and more.
  • Part of the Kendo UI for jQuery library along with more than 100 professionally designed components developers trust for all their jQuery UI needs.
  • Get up and running quickly with award winning support, detailed documentation, demos, virtual classrooms, and a 3-million-strong developer community.
header-multicolumn-combobox-overview
Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • Overview

    The jQuery MultiColumnComboBox is a form component that lets you choose from a table-structured list of options from a popup. It is a richer version of the <select> element and supports data binding, filtering, templates, and the entering of custom values.

    See the jQuery MultiColumnComboBox Overview demo

    multicolumn-combobox-overview
  • Data Binding

    The MultiColumnComboBox supports binding of data objects to fill columns of data from local or remote sources. All you need to do is define text, value, and columns and the MultiColumnComboBox will fill in the popup table for you.

    Read the jQuery MultiColumnComboBox Data Binding documentation

  • Filtering

    Ensure users have an intuitive experience when looking for info with the built-in filtering feature. It helps you reduce the available data items inside the dropdown and you can configure the filtering settings by including conditional rules such as “starts with” or “contains”. You can also set default filters on the server level.

    See the jQuery MultiColumnComboBox Filtering demo

    filtering-multicolumn-combobox
  • Virtualization

    The jQuery MultiColumnComboBox can handle large datasets without compromising performance. It comes with built-in virtualization that can easily process hundreds of thousands of data items by loading information as the user scrolls.

    See the jQuery MultiColumnComboBox Virtualization demo

  • Grouping

    Organize data in categories to easily skim datasets. You can define what field in your data is responsible for the group and the component will automatically group the underlying data accordingly.

    See the jQuery MultiColumnComboBox Grouping demo

    grouping-multicolumn
  • Templates

    Out of the box, the MultiColumnComboBox renders items as plain text. You can use templates to create custom layouts for every element of the component including columns, headers, footers, groups, and even elements with no data.

    See the jQuery MultiColumnComboBox Templates demo

    templates-multicolumn
  • Cascading MultiColumnComboBoxes

    Use multiple MultiColumnComboBoxes to help users drill down to the data they need. In this scenario selections in each combo box will filter the available options in the next.

    See the Cascading jQuery MultiColumnComboBox demo

    cascading-multicolumncombobox
  • Add New Item

    The MultiColumnComboBox includes a text field in which users can input text when looking for items. If the item is not found, the component will automatically present the user with a “Add New Item” button that will update the list.

    See the jQuery MultiColumnComboBox Add New Item demo

  • Keyboard Navigation

    Improve accessibility and productivity with keyboard-only navigation. This component supports keyboard navigation to help navigate and interact with items.  

    See the jQuery MultiColumnComboBox Keyboard Navigation demo

    keyboard-navigation
  • Accessibility

    The jQuery Menu is compliant with Section 508 standards, is AA rated with WCAG 2.0 and follows WAI-ARIA standards.

    Read the jQuery MultiColumnComboBox Accessibility documentation

    jQuery accessibility