• Data Governance Dev's avatar
    perf(web2): 去掉表头 checkbox 整列变灰联动,避免大表卡顿 · 09998006
    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
IdCardTable.vue 19.2 KB