格子剣道の中のアイテムの数に基づいて高さを設定する方法は？

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