剑道网格虚拟滚动最后一行缺失



我正在制作一个剑道web应用程序。我有一个剑道网格和虚拟滚动是启用的。最后一行在滚动网格时丢失,但我可以通过过滤看到该记录。在IE中,它工作得很好。

总记录:374

如果我在一个页面中显示11条记录,它在IE和chrome中工作完美,因为374/11是34(不是小数)。如果改变总行数到12最后一行在chrome中丢失,但仍然IE是完美的。我最初面临一个问题行滚动条不可见,但我通过使用下面的代码修复了这个问题。

function setVisibleScrollHeight() {
        var vs = grid.element.find('.k-grid-content').data('kendoVirtualScrollable');
        grid._rowHeight = gridRowHeight;
        vs.refresh();
    }

在网格初始化后调用。初始卷轴现在可以了。最后一行不见了,有人帮忙吗?

虚拟滚动依赖于关于平均行高度的计算,该计算用于计算假垂直滚动条的高度。

<

jQuery解决方案/strong>

dataBound: function () {
  window.setTimeout(function(){
    var ht=0;jQuery('#grid').find("tr[role='row']").each(function(){ 
    ht+=parseInt($(this).height()); 
}); 
// ht - total rows height
jQuery("#grid").find(".k-scrollbar-vertical").find("div").height(ht);     /// set kendo scrollbar height to ht 
} ,1000);  
} //databound ends
css解决方案:

  #Grid  .k-grid-content  td
{
  height: 100px;
}

关于css的更多细节:http://www.telerik.com/forums/last-row-gets-cut-off-when-using-virtual-scrolling-and-setting-the-grid-height-after-filtering kBSbnkqkSU6AG9kBmm1KYA

我也遇到过类似的问题。在指定网格高度后解决了这个问题。

height:400

最新更新