🐛[BUG] EditableProTable在开启虚拟滚动（virtual）、垂直滚动设置（ scroll={{y:xxx}} ）设置的情况下使用方向键左右跳转输入框会导致表头和表格内容错位

[reindeer-Gzlb]

🐛 bug 描述

EditableProTable在开启虚拟滚动（virtual）、垂直滚动设置（ scroll={{y:xxx}} ）设置的情况下使用方向键左右跳转输入框会导致表头和表格内容错位

🏞 期望结果

期望优化该点（使用方向键不错位）

© 版本信息

• "antd": "5.22.2",

🚑 其他信息

[dosubot]

Hi @reindeer-Gzlb! I'm Dosu and I’m helping the pro-components team.

这是一个已知的表头和内容错位问题，出现在 EditableProTable 开启虚拟滚动（virtual）和垂直滚动（scroll.y）时，使用方向键切换输入框会导致错位。根本原因在于底层 antd Table 的虚拟滚动和滚动同步机制，pro-components 没有做额外处理，所有滚动和键盘行为都交由 antd Table 实现。

该问题在 antd 5.27.3 及之后的版本（rc-table@7.52.7+）有修复，主要涉及表头宽度压缩、渲染闪烁和虚拟滚动同步等问题，升级 antd 及其依赖后通常可以解决此类错位现象（详见修复 PR 和 changelog）。

如果暂时无法升级，可以尝试以下建议规避错位：

• 不要用 CSS 覆盖 .ant-table-body 的 overflow-y 行为。
• 所有列尽量指定宽度，仅留一列自适应。
• 避免外层容器设置 overflow: auto。
• scroll.y 建议根据数据量动态设置，避免强制出现滚动条。

目前 EditableProTable 没有专门针对该问题的配置或 workaround，所有虚拟滚动和键盘跳转的同步都依赖 antd Table 的实现。如果升级后仍有问题，可以关注 antd Table 的后续修复或考虑临时关闭虚拟滚动作为权宜之计。

参考：antd Table 虚拟滚动修复说明 | 相关 issue 说明

To reply, just mention @dosu.

---

^{How did I do? Good | Irrelevant | Incorrect | Verbose | Hallucination | Report 🐛 | Other}

   

[reindeer-Gzlb]

请问 "@ant-design/pro-components": "2.8.6",需要更新吗？

[dosubot]

不需要更新 "@ant-design/pro-components" 2.8.6 来解决你说的 EditableProTable 虚拟滚动和表头错位问题。这个 bug 的根本原因在于底层 antd Table 和 rc-table 的版本，修复已经在 antd 5.27.3+（rc-table@7.52.7+）中完成，建议直接升级 antd 及相关依赖即可解决 参考。

如果你有新功能需求（比如 scrollTo 方法支持）或想要性能优化，可以考虑升级 pro-components 到 3.x，但这不是解决错位 bug 的必要条件。升级 3.x 会有一些 API 变动和兼容性调整，升级前可以查阅 changelog 和迁移指南 参考。

总结：只需升级 antd，不用强制升级 pro-components。

To reply, just mention @dosu.

---

^{How did I do? Good | Irrelevant | Incorrect | Verbose | Hallucination | Report 🐛 | Other}

   

[reindeer-Gzlb]

'@ant-design/pro-components':
specifier: ^2.8.6
version: 2.8.6(antd@5.29.3)(rc-field-form@2.7.1)(react-dom@18.3.1)(react@18.3.1)

antd:
specifier: ^5.27.3
version: 5.29.3(react-dom@18.3.1)(react@18.3.1)

在以上版本下还是存在使用方向键及Tabs键跳转后表头、表格内容错位问题

[dosubot]

你用的 antd@5.29.3 和 @ant-design/pro-components@2.8.6 已经包含了官方修复大部分表头/内容错位的补丁，但在虚拟滚动（virtual）+ scroll.y 场景下，方向键或 Tab 跳转输入框后表头和内容错位，依然是已知的设计局限或边缘 case，尤其在 Windows Chrome/Edge 下更容易复现。这通常和滚动条宽度、列宽分配、table-layout: fixed 以及浏览器滚动条策略有关（详见官方说明、设计限制说明）。

目前没有更进一步的配置或 workaround 能彻底避免这个问题，建议：

• 不要用 CSS 覆盖 .ant-table-body 的 overflow-y；
• 所有列尽量指定宽度，仅留一列自适应；
• 避免外层容器设置 overflow: auto；
• scroll.y 建议根据数据量动态设置，数据少时不设置；
• 可以尝试 tableLayout="auto" + scroll.x="max-content" 组合，或动态切换 scroll.x；
• 如果业务允许，临时关闭虚拟滚动可规避错位。

这个问题的根因在于 antd Table 的内部实现，pro-components 只是透传配置，没有额外处理。你当前用的 antd 版本已包含 rc-table@7.52.7+ 的修复，说明此问题在极端场景下仍未完全根治，后续只能关注 antd/rc-table 的进一步修复进展。

参考：表头内容错位说明｜设计限制说明

To reply, just mention @dosu.

---

^{How did I do? Good | Irrelevant | Incorrect | Verbose | Hallucination | Report 🐛 | Other}