shanxia2.0/docs/superpowers/plans/2026-08-03-list-table-column-width-persist.md

ListTable 列宽持久化 Implementation Plan

For agentic workers: Implement task-by-task. Steps use checkbox syntax.

Goal: 全站主列表支持拖拽列宽，并用 localStorage 按用户+tableKey 持久化。

Architecture: usePersistedListColumnWidths + ListTable 薄封装 el-table；页面把主列表 el-table.list-table 换成 ListTable 并补 table-key。

Tech Stack: Vue 3、Element Plus、localStorage、现有 list-table 样式

---

Task 1: composable + ListTable + 样式

• usePersistedListColumnWidths.ts
• components/business/list-table/index.vue
• el-ui.scss 兼容 list-table + el-table--border

Task 2: 批量接入主列表

• 各业务/系统/Demo 主列表替换为 ListTable 并设置唯一 table-key（约 133 处）

Task 3: 验证

• 拖列宽 → 刷新仍保持；固定操作列不错位；clearSelection 等 ref 方法可用