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

Question

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

目前，我的网格有固定高度:

<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();

}