I know there is an easy way to set fixed height of a Kendo UI grid through their API but for our specific needs, I need to make the grid expand in full height of its wrapper.
With the following markup structure, I set .wrapper
to height:600px
and I tried to give .k-grid-content
height:100%
but it doesn't expand.
#grid
expands to 100% with height:100%
but I need the inside contents to expand as well. How do I achieve that?
Here is the demo JS BIN
<div class="wrapper">
<div id="grid">
<div class="k-grid-header"></div>
<div class="k-grid-content"></div>
<div class="k-grid-pager"></div>
</div>
</div>
See Question&Answers more detail:os