Resize and Expand the Kendo UI Grid to 100% Height

2 posts, 1 answers
  1. Vadim
    Vadim avatar
    16 posts
    Member since:
    Jul 2013

    Posted 25 Oct 2017 Link to this post

    There is a good example available how to resize and expand a grid

    https://docs.telerik.com/kendo-ui/controls/data-management/grid/how-to/Layout/resize-grid-when-the-window-is-resized

    It works very good but until I place some content on top of the grid. I don't know how to adjust css to make it works:

    <div>need some content here</div>
    <div id="parent">

        <div id="grid"></div>

    </div>
    Thanks,

  2. Answer
    Pavlina
    Admin
    Pavlina avatar
    6187 posts

    Posted 27 Oct 2017 Link to this post

    Hi,

    When an element is added above or under the Grid with 100% height a content with more than 100% should be shown in the window. In such scenarios the additional elements height have to be considered as well in order to correctly shown the Grid. Below you can find a dojo example with some content added on top of the Grid and it works as expected:
    http://dojo.telerik.com/EviNI

    Give it a try and let us know if you need additional assistance.

    Regards,
    Pavlina
    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top