using menu inside grid cell

3 posts, 0 answers
  1. Jake
    Jake avatar
    24 posts
    Member since:
    Nov 2010

    Posted 24 Oct 2013 Link to this post

    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.
  2. Dimo
    Admin
    Dimo avatar
    8331 posts

    Posted 25 Oct 2013 Link to this post

    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
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Kendo UI is VS 2017 Ready
  4. Jake
    Jake avatar
    24 posts
    Member since:
    Nov 2010

    Posted 25 Oct 2013 Link to this post

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