Skip to content

ProTable 场景示例

基础列表页骨架

标题、工具栏按钮、列 schema 和分页联动,是后台列表页最基础的一条主干。这里顺带演示了 childrenhidden 列的组合。

成员列表

统一把工具栏动作、列表列定义和分页联动放在一个增强组件里。

已接入工具栏插槽

组合 SearchForm 的后台闭环

把 SearchForm 放进搜索区以后,列表页就具备了更完整的“筛选 -> 查询 -> 查看结果”闭环。

任务看板

把搜索栏、列表和分页放回同一个后台闭环里。

列表态优先级

loading 和 empty 的优先级是固定的,错误态仍然建议由页面层自己承接。

状态优先级

只要 loading=true,就优先显示 loading;loading 关闭后才会根据数据量决定是否显示 empty。

当前为 loading 态

显示协议

valueType / formatter / render / renderHTML 现在已经可以先在 xy-pro-table 列定义中落地,优先补齐后台列表的展示闭环。

显示协议示例

当前除了 valueType / formatter / render / renderHTML,还补上了 copy 和状态点式回显,继续沿显示协议收口。