Kendo React Grid开启Resizable后列拖拽调宽异常跳转问题求助

已为Kendo React Grid配置resizable={true}，但拖拽调整列宽时，列会跳转到不确定的位置，升级至5.9版本后问题仍未解决：

以下是几个可尝试的排查和解决方向：

• 明确列宽初始值：确保所有列都设置了具体的width数值（比如width={180}），避免使用百分比或未定义宽度，动态计算的初始宽度容易导致拖拽时的计算偏差。
• 修复全局样式冲突：检查项目全局CSS是否修改了box-sizing属性，Kendo Grid默认依赖border-box来计算列宽，可强制给Grid相关元素添加样式：

  .k-grid, .k-grid th, .k-grid td {
    box-sizing: border-box !important;
  }
  

• 关闭自适应列宽功能：如果开启了autoSizeColumn或类似的自适应逻辑，尝试暂时关闭，该功能可能和手动拖拽调整产生冲突。
• 稳定父容器布局：确认Grid的父容器没有设置overflow: hidden或动态变化的尺寸，父容器尺寸波动会干扰列宽的拖拽计算。
• 调整拖拽手柄样式：自定义场景下拖拽手柄的偏移可能导致问题，可通过CSS修正手柄定位：

  .k-grid-header .k-resize-handle {
    right: 0;
    z-index: 2;
    height: 100%;
  }
  

内容的提问来源于stack exchange，提问作者Adnan Muhammadi