html - 设置 Kendo Grid JSP 以占用剩余空间

Question

我正在使用 JSP Wrapper 版本的 Kendo UI。

目前，我的网格有一个固定的高度：

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

我希望网格占据页面的剩余空间，但设置 height="100%" 不起作用。高度设置为小于页面 50% 的任意值。

我不确定这是否重要，但我也启用了虚拟滚动

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

如何让网格占据剩余空间？

Answer 1

尝试使用 Grid 的dataBound事件并使用 JavaScript 以编程方式设置高度，例如

function onGridDataBound() {

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

}