如何根据网格剑道ui中的项目数设置高度？

Question

我有这个剑道网格，我想根据项目设置自动调整的高度。

如果我选择5个项目，我想删除行下方的空白/填充。

这是代码。

function resizeGrid() {
    var gridElement = $("#grid");
    var dataArea = gridElement.find(".k-grid-content");
    var newHeight = gridElement.parent().innerHeight() - 2;
    var diff = gridElement.innerHeight() - dataArea.innerHeight();
    gridElement.height(newHeight);
    dataArea.height(newHeight - diff);
}

fiddle demo

Answer 1

更改你的resizeGrid：

function resizeGrid() {
    $('.k-grid-content').css('height',$('.k-grid-content table').innerHeight()+'px');
}

jsfiddle