perf(web2): 去掉表头 checkbox 整列变灰联动,避免大表卡顿
问题:
- IdCardTable 数据列 el-table-column 上挂了两个动态 class-name 绑定:
:class-name="isColSelected(c) ? '' : 'idcard-table__col-unselected'"
:header-class-name="isColSelected(c) ? '' : 'idcard-table__col-unselected'"
- 任意一列 checkbox 切换都让 columnSelection 变化 → 每列重算 className
→ el-table 对全表 <td> 重写 class 属性
- 800+ 行 × 19 列 ≈ 15000+ 次 DOM patch,操作密集导致卡顿
修复:
- 删掉 el-table-column 上的 :class-name / :header-class-name 绑定
- 删掉对应的 .idcard-table__col-unselected 样式
- 保留 checkbox 勾选状态、selectedColumns / exportedDataColumns 响应式数据
以及工具栏「已勾选 N 列」提示;导出仍按 selectedDataColumns 过滤
效果:勾选/取消 checkbox 不再让整列变灰,表格交互流畅度恢复正常。
Showing
Please register or sign in to comment