New to Telerik UI for Blazor? Start a free 30-day trial
DropDownList Grouping
Updated on Aug 24, 2026
The DropDownList component allows users to see the listed items grouped in categories. This can improve the user experience and make browsing through the items faster.
To enable DropDownList grouping, set the GroupField parameter to a field name from the model. The DropDownList will display the corresponding field values as group headers in the dropdown. Nested values of complex object properties are supported (see the example below).
The group headers can stick to the top of the dropdown during scrolling. In other words, users will always know which is the group of the current topmost items in the scrollable list.
Grouping in the DropDownList
Loading ...
Notes
- One level of grouping is supported.
- The
DefaultText(e.g. "Select item...") is always rendered above the sticky group header in the dropdown. - A grouped DropDownList will provide a
Groupsproperty with a singleGroupDescriptorin theDataSourceRequestargument of its OnRead event. This will allow the developer to apply grouping with manual data operations.