Set Kendo Grid JSP to take remainder space

0
votes

I am using JSP Wrapper version of Kendo UI.

Currently, I have a fixed height for my grid:

<kendo:grid name="SUBUL_02_GRID" pageable="true" resizable="true" 
            sortable="true" height="800">

I'd like the grid to take the remainder space of my page, but setting height="100%" doesn't work. The height is set to some arbitrarily value that's smaller than 50% of the page.

I'm not sure if this matters but I also have virtual scrolling enabled

<kendo:grid-scrollable virtual="true" />

How do I make the grid take remainder of the space?

1
htmlcssjspkendo-uikendo-grid

1 Answers

1
votes

Try to use the dataBound event of the Grid and set the height programatically with JavaScript e.g.

function onGridDataBound() {

        this.element.find('.k-grid-content').height(this.tbody.height());
        this.virtualScrollable.refresh();

}