temp/UI
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

iter(g350): 数据表格补 caption 可访问名

Browse Source
This commit is contained in:
HIsheR
2026-10-27 02:35:27 +08:00
parent e7f713795e
commit 20a98d89b5
7 changed files with 94 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/demo/main.ts
+2 -1
View File
@@ -1483,9 +1483,10 @@ const content = h(
section(
'sec-table',
'数据表格',
'粘性表头、斑马纹、行选择（全选三态 + 已选计数，选中行低视觉比重）、点表头或 Tab 聚焦后按 Enter/空格 排序（按住 Shift 点第二个表头即多列叠加，标记带优先级 ↑1 / ↓2）、定宽列表头右缘可拖拽或 ←→ 调列宽（双击复位）、工具栏筛选（0 行时按「有没有筛选词」分别提示「暂无数据」或「没有符合…的行」并给一键清除）、底部分页；工具栏「列」按钮勾选即可隐藏/恢复列（至少留一列，隐藏列不占表头也不进导出）、「导出 CSV」导的是筛选 + 排序后的全量行（不含勾选，与当前页无关）。',
'粘性表头、斑马纹、行选择（全选三态 + 已选计数，选中行低视觉比重）、点表头或 Tab 聚焦后按 Enter/空格 排序（按住 Shift 点第二个表头即多列叠加，标记带优先级 ↑1 / ↓2）、定宽列表头右缘可拖拽或 ←→ 调列宽（双击复位）、工具栏筛选（0 行时按「有没有筛选词」分别提示「暂无数据」或「没有符合…的行」并给一键清除）、底部分页；工具栏「列」按钮勾选即可隐藏/恢复列（至少留一列，隐藏列不占表头也不进导出）、「导出 CSV」导的是筛选 + 排序后的全量行（不含勾选，与当前页无关）；caption 是表格的可访问名，视觉隐藏但读屏进表先念它。',
card({ title: '用户表' }, dataTable({
data: users,
caption: '用户表：姓名 / 年龄 / 城市三列，可按列排序与筛选', // 可访问名：读屏进表先念这句
selectable: true,
exportable: true,
columnToggle: true,