Displaying Kendo Combobox Items as Kendo Grid

[GT]

Hi,

I'm trying to display the dropdown list elements in the combobox as a grid as shown in the attached image.

Here is a plunker which I created but I can't seem to get it right: https://plnkr.co/edit/30EGUs7m2zB3H8Tfxsr9?p=preview

May I know how to achieve it?

Thanks.

[Dimiter Topalov]

Hi GT,

You can utilize the ComboBox component's templates to customize the rendering of the header, items and footer:

https://www.telerik.com/kendo-angular-ui/components/dropdowns/combobox/templates/

You can use them to render tables based on the data items and style them in accordance with your preference, e.g.:

https://plnkr.co/edit/UubBAkW36jbD3UutLXMx?p=preview

Adding a Grid component in the ComboBox item template will require further custom logic for changing the ComboBox value based on the Grid selection, as the whole Grid will be treated as only one data item. Basically you will have a ComboBox with 1 item that renders a custom Grid in the template. This Grid will need to be bound to its own set of data items, and when an item is selected, you can perform some custom logic for adjusting the ComboBox value.

I hope this helps.

Regards,
Dimiter Topalov
Progress Telerik