using menu inside grid cell

[Jake]

The attached image shows the problem we are having with placing a kendo menu inside a kendo grid cell. We would like the dropdown menu to appear on top of other grid elements, without creating a scroll bar. We have tried using the following CSS:

.k-grid tr td
{
    overflow: visible;
}

This successfully prevents the scrollbars from appearing inside the individual cell, but does not prevent the scrollbar from appearing in the grid body.

[Dimo]

Hello Jake,

The desired behavior can be achieved only if the Grid scrolling is disabled. Generally, there is no way to make an element overflow outside a scrollable parent, such as the scrollable Grid data container.

Regards,
Dimo
Telerik

[Jake]

Okay, setting the grid's scrollable option to false worked. Thanks