iter: d04 dataTable 接加载态(骨架行 + 交互禁用)

This commit is contained in:
ui-arch-bot
2026-10-23 16:48:36 +08:00
parent df2fb34e63
commit ccbdcb9271
9 changed files with 51 additions and 11 deletions
+5 -1
View File
@@ -73,6 +73,9 @@ const formResult = signal('');
// —— 分页联动状态:dataTable 与独立 pagination 共用同一页码信号 ——
const tablePage = signal(1);
// —— 表格加载态:切换后数据行变骨架行,筛选与翻页临时禁用 ——
const tableLoading = signal(false);
// —— 菜单选中结果:演示 onSelect 回调 ——
const menuPick = signal('');
@@ -255,13 +258,14 @@ const app = h(
card({ title: '用户表' }, dataTable({
data: users,
selectable: true,
loading: tableLoading,
columns: [
{ key: 'name', header: '姓名', sortable: true },
{ key: 'age', header: '年龄', sortable: true },
{ key: 'city', header: '城市' },
],
pageSize: 5,
})),
}), h('div', { class: 'row' }, switchButton({ label: '加载态', checked: tableLoading }))),
card(
{ title: '独立分页器联动(pageSize 3,共用页码信号)' },
dataTable({