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

Question

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

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

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

我在这个 fiddle 中重现了我的问题(它比我描述的要简单一点，但想法是一样的):http://dojo.telerik.com/ADaqe

当我打开它时，网格应该看起来没问题，但是当你减小右侧 iframe 的宽度时，水平滚动条将显示 - 白色区域未显示，只需尝试将网格滚动到底部，看看会发生什么:任何帮助将不胜感激。

Answer 1

有私有(private)网格函数 ._adjustLocked Horizo​​ntal ScrollBar() 完全满足我的需要:

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

这是更新的 fiddle :http://dojo.telerik.com/ADaqe/4