Problem with DropDownMenu inside of cell in KendoGrid

1 Answer 48 Views
Grid
Alexander
Top achievements
Rank 2
Alexander asked on 27 Dec 2023, 09:53 AM | edited on 27 Dec 2023, 09:56 AM

I have a problem with DropDownMenu in the KendoGrid: https://dojo.telerik.com/aFoTuXoy

I tried to add DropDownMenu (from bootstrap) to cell inside of KendoGrid.

Also I added style to code (I found this reference early: https://stackoverflow.com/questions/68672182/boostrap-dropdown-menu-in-kendo-grid-cell-template):

<style type="text/css">
    .k-master-row td {
      overflow: visible !important;
    }
  </style>

But it didn't help me and menu hides inside of table.

I need to add DropDown menu to Main and Detail tables.

1 Answer, 1 is accepted

Sort by
1
Accepted
Nikolay
Telerik team
answered on 28 Dec 2023, 01:18 PM

Hi Alexander,

This behavior is expected. The Bootstrap dropdown list is rendered inside the <td> element and that's why it stays within the Grid table

With the applied overflow: visible the dropdown list is correctly shown and the Grid table renders a scroller so the user can scroll down to see the list items:

I can suggest setting a height to the Grid so the dropdown list will be visible at all times:

Nevertheless, the Bootstrap library is not officially supported by Kendo UI and I can recommend switching to the Kendo UI DropDownList where this problem is not present. Here is an article on how to make a DropDownList Column Always Visible:

Regards,
Nikolay
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources
Alexander
Top achievements
Rank 2
commented on 29 Dec 2023, 05:15 AM

Thank you, Nikolay, for explanation. Now it's clear for me.
Tags
Grid
Asked by
Alexander
Top achievements
Rank 2
Answers by
Nikolay
Telerik team
Share this question
or