ant-design / ant-design/pro-components
🐛[BUG]<EditableProTable表格开启virtual时,用editorFormRef.current校验的时候,只会校验可视区域内的行数据,不可见区域内的无法校验,导致校验结果有误,该怎么解决呢?
- Dominant language
- TypeScript
- Stars
- 4.8k
- Forks
- 1.4k
- Avg merge
- 10h 44m
- Merged PRs (30d)
- 3
Description
提问前先看看:
https://github.com/ryanhanwu/How-To-Ask-Questions-The-Smart-Way/blob/main/README-zh_CN.md
### 🐛 bug 描述
表格开启virtual时,用editorFormRef.current校验的时候,只会校验可视区域内的行数据,不可见区域内的无法校验,导致校验结果有误,该怎么解决呢?
### 📷 复现步骤
EditableProTable表格开启虚拟化,使用editableFormRef.validate方法校验时,只会校验当前可视区域内的数据,导致可视区域外数据异常时,无法被校验到,只有可视区域外的数据滚动到屏幕内,再次校验时,才会生效,有什么解决办法呢,用虚拟化是为了解决多行数据同时编辑时,卡顿严重的问题。
### 🏞 期望结果
希望有办法可以解决这个问题,既能用虚拟化,又不影响到数据校验。
### 💻 复现代码
### © 版本信息
- ProComponents 版本: [e.g. 4.0.0]
- umi 版本
- 浏览器环境
- 开发环境 [e.g. mac OS]
### 🚑 其他信息
Contributor guide
Research direction
Start at the EditableProTable virtualization path and the editableFormRef.validate entry point described in the report. Reproduce validation with rows outside the viewport and trace why only mounted rows are checked. Done means validation covers off-screen rows without disabling virtualization or causing the reported editing performance problem.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Quiet
- Clarity
- Needs clarification
- Newbie friendliness
- 35/100