Kendo UI for Angular

Angular MultiColumnComboBox

  • Display selectable options in a drop-down table with full support for data binding, filtering. Sorting, CRUD, and more.
  • Part of the Kendo UI for Angular library along with 110+ professionally-designed components.
  • Includes support, documentation, demos, virtual classrooms, Visual Studio Code Extensions and more!
  • Display a Grid View in a Dropdown List

    The Kendo UI 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 Angular MultiColumnComboBox demo.

    Angular MultiColumn ComboBox Overview
  • Data Binding

    The Kendo UI for Angular 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.

    See the Angular MultiColumnComboBox data binding demo.

  • Columns

    The Kendo UI for Angular MultiColumnComboBox allows you to completely control the display of your data. Choose which columns you want to display and size and style them however you like.

    See the Angular MultiComboBox columns demo.

    Angular MultiColumn Columns
  • Filtering

    Ensure users have an intuitive experience when filtering down data items with the Kendo UI for Angular MultiColumnComboBox built-in filtering mechanism. It helps you reduce the available data items inside the  Angular MultiColumnComboBox and you can configure the filtering settings by including conditional rules such as “starts with” or “contains”.

    See Angular MultiColumnComboBox Filtering demo.

    Angular MultiColumn ComboBox Filtering
  • Grouping

    Organize data in categories to easily traverse datasets. With the grouping feature of the Kendo UI for Angular MultiColumnComboBox, you can define what field in your data is responsible for the group and the Angular MultiColumnComboBox will automatically group the underlying data accordingly.

    See Angular MultiColumnComboBox grouping demo.

    Angular MultiColumn Grouping
  • Adaptive Mode

    The Angular MultiColumnComboBox supports an adaptive mode, enabling a mobile-friendly rendering of the component popup.  The component automatically adapts to the current screen size and alters its rendering accordingly. 

    See the Angular MultiColumnComboBox Adaptive Mode demo 

    MultiColumnComboBox adaptive mode
  • Virtualization

    The Kendo UI for Angular 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 Angular MultiColumnComboBox virtualization demo.

  • Suggestions

    As the user modifies the input value, MultiColumnComboBox will show results that start with the string as the user types.

    See the Angular MutliColumnComboBox suggestions demo.

    Angular MultiColumn Suggestions
  • Prefix and Suffix Adornments

    Elevate user interactivity leveraging the option for adding prefix and suffix adornments. These are custom items, usually an icon or button, inside the field before or after the input area. Typical prefix adornments are currency symbols or unit indicators, while suffix adornments are often used for password visibility toggles, formatting or clearing the input. 

    See the Angular MultiColumnComboBox Adornments demo

    multicolumn combobox - adornments
  • Templates

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

    See the Angular MultiColumnComboBox templates demo.

    Angular MultiColumn Templates
  • Forms Support

    The Kendo UI for Angular MultiColumnsComboBox componenet supports both reactive and template-driven forms, ensuring that the Angular MultiColumnsComboBox can be integrated in any Angular form.

    See the Angular MultiColumnsComboBox forms demo.

  • Keyboard Navigation

    The Kendo UI for Angular MultiColumnsComboBox supports keyboard navigation such as up and down arrow to navigate through the items and open and close the popup.

    See the Angular MultiColumnsComboBox keyboard navigation demo.

  • Accessibility

    The Kendo UI for Angular MultiColumnComboBox is AAA rated for WCAG 2.0 and compliant with both WAI-ARIA and Section 508 standards.

    See Angular MultiColumnComboBox Accessibility demo.


All Kendo UI for Angular Components

Next Steps

Get Started with Kendo UI for Angular

Kendo UI for Angular - Kendoka