iter(g294): 数据表格支持列显隐面板

2026-10-26 23:32:35 +08:00
parent abba348c9a
commit 3914d5d47d
11 changed files with 183 additions and 50 deletions
@@ -1467,11 +1467,12 @@ const content = h(
  section(
    'sec-table',
    '数据表格',
-    '粘性表头、斑马纹、行选择（全选三态 + 已选计数，选中行低视觉比重）、点表头或 Tab 聚焦后按 Enter/空格 排序、定宽列表头右缘可拖拽或 ←→ 调列宽（双击复位）、工具栏筛选（0 行时按「有没有筛选词」分别提示「暂无数据」或「没有符合…的行」并给一键清除）、底部分页；工具栏「导出 CSV」导的是筛选 + 排序后的全量行（不含勾选，与当前页无关）。',
+    '粘性表头、斑马纹、行选择（全选三态 + 已选计数，选中行低视觉比重）、点表头或 Tab 聚焦后按 Enter/空格 排序、定宽列表头右缘可拖拽或 ←→ 调列宽（双击复位）、工具栏筛选（0 行时按「有没有筛选词」分别提示「暂无数据」或「没有符合…的行」并给一键清除）、底部分页；工具栏「列」按钮勾选即可隐藏/恢复列（至少留一列，隐藏列不占表头也不进导出）、「导出 CSV」导的是筛选 + 排序后的全量行（不含勾选，与当前页无关）。',
    card({ title: '用户表' }, dataTable({
      data: users,
      selectable: true,
      exportable: true,
+      columnToggle: true,
      loading: tableLoading,
      columns: [
        { key: 'name', header: '姓名', sortable: true, width: 160 },