ant-design / ant-design/pro-components
🐛[BUG]ProTable少量数据下宽度变化造成严重卡顿
- Dominant language
- TypeScript
- Stars
- 4.8k
- Forks
- 1.4k
- Avg merge
- 10h 44m
- Merged PRs (30d)
- 3
Description
### 🐛 bug 描述
使用ProLayout包裹ProTable,并且columns有columns: true的情况下,在折叠菜单栏时造成页面严重卡顿。在仅有少量数据(三列十行)的情况下造成0.5秒以上的脚本调用,体感卡顿超过1秒,在一般数据量下(5列30行),造成超过1.1秒的脚本调用,体感卡顿超过2秒。
取消所有columns的copyable能让卡顿明显减轻,但依然存在肉眼可见的卡顿
### 📷 复现步骤
1. 创建一个拥有可折叠侧边栏的ProTable组件
2. 创建一个带有columns copyable: true的ProTable
3. 折叠侧边栏,将看到明显的卡顿
4. 删除copyable: true,再次折叠侧边栏,将看到卡顿明显减轻
### 🏞 期望结果
### 💻 复现代码
### © 版本信息
- ProComponents 版本: [2.4.4]
- umi 版本
- 浏览器环境edge 128.0.2739.54
- 开发环境 [windows 11]
### 🚑 其他信息


Contributor guide
Research direction
No source file or test is named. Start by reproducing the ProLayout and ProTable setup described, including a collapsible sidebar and columns with copyable enabled, then compare the collapse interaction with copyable removed. Done means sidebar collapse no longer causes the reported severe lag while copyable columns still work.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend, performance
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 35/100