-
Data Governance Dev authored
问题: - 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 不再让整列变灰,表格交互流畅度恢复正常。09998006