Resize and Expand the Kendo UI Grid to 100% Height

1 Answer 1894 Views
Grid
Vadim
Top achievements
Rank 1
Vadim asked on 25 Oct 2017, 05:28 AM

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,

1 Answer, 1 is accepted

Sort by
0
Accepted
Pavlina
Telerik team
answered on 27 Oct 2017, 11:23 AM
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.
Tags
Grid
Asked by
Vadim
Top achievements
Rank 1
Answers by
Pavlina
Telerik team
Share this question
or