iter: d04 dataTable 接加载态(骨架行 + 交互禁用)
This commit is contained in:
+5
-1
@@ -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({
|
||||
|
||||
Reference in New Issue
Block a user