Javascript 剑道网格中锁定列和解锁列的高度不匹配

我有剑道UI网格开关一个锁定列，它有动态的宽度和高度。网格的容器正在CSS中调整大小，我正在使用

kendo.resize（$（“#Grid”））

来适应网格，一切都能正常工作

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

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

我在这把小提琴上复制了我的问题（比我描述的要简单一点，但想法是一样的）：

当我打开它时，网格看起来应该是正常的，但是当你减小右iframe的宽度时，水平滚动条将显示-白色区域未显示，只需尝试将网格滚动到底部，看看会发生什么：

---

任何帮助都将不胜感激。

有专用网格功能

\u adjustLockedHorizontalScrollBar（）

，该功能正是我所需要的：

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

---

这里更新了fiddle:

如果您只想使用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中测试

---

希望这有帮助

谢谢

.k-grid-content-locked{height:100%！important；}

对我来说已经足够了。添加填充打破了我的布局。