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

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

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

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

我已经在这个小提琴中重现了我的问题(比我描述的要简单一些,但是想法是相同的)：http://dojo.telerik.com/ADaqe

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

解决方法:

有一个专用的网格函数._adjustLockedHorizo​​ntalScrollBar()可以完全满足我的需求：

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

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

标签：kendo-ui,kendo-grid,javascript,jquery
来源： https://codeday.me/bug/20191028/1955026.html