锁定和解锁列的高度在Kendo Grid中不匹配

Question

我有一个锁定列的Kendo UI Grid，它具有动态宽度和高度。 Grid的容器正在CSS中调整大小，我正在使用kendo.resize($("#grid"))使Grid适合它，一切都很完美。

我还在窗口调整大小事件上触发了一个函数，它正在调整列宽。如果可能的话，Colums应该占据整个网格而不显示底部滚动条，但它们也具有最小高度。所以我计算列宽并将其设置为它们，但是当我在未锁定的colums容器中有水平滚动条时，锁定的容器与它不匹配。

如果有水平滚动条，通常锁定的列会在底部显示白色区域，但是当我明确地设置列宽时，它不会显示。

我在这个小提琴中重现了我的问题（它比我描述的更简单，但想法是一样的）：http://dojo.telerik.com/ADaqe

当我打开它时，网格应该看起来不错，但是当你减小右边框的宽度时，水平滚动条会显示 - 没有显示白色区域，只是尝试将网格滚动到底部，看看发生了什么：{{ 0}} 任何帮助将不胜感激。

Answer 1

私有网格函数._adjustLockedHorizontalScrollBar()完全符合我的需要：

$(window).on('resize', function () {
    that._adjustLockedHorizontalScrollBar();
    ...
});

这是更新的小提琴：http://dojo.telerik.com/ADaqe/4

Answer 2

如果您只想使用CSS来解决此问题，请在padding-bottom：在锁定列内的表中添加100％对我有用。

.k-grid-content-locked {
   height: 100% !important; // overrides inline style

   table {
     padding-bottom: 100%;
   }
}

在Chrome 75.0.3770.100，IE 11.76517134.0，Android 8和iOS 12.2中进行了测试

希望这会有所帮助