Skip to content

ListPage 列表页容器

用于快速构建标准的列表页面布局,集成了页面标题、操作按钮、搜索表单、数据表格等常用组件。

基础用法

显示代码

API

Props

参数说明类型默认值
title页面标题string-
actions操作按钮配置ButtonAction[],见ProButtonActions 配置[]
searchForm搜索表单配置ProSearchForm组件的 props,如:-
tableProps表格配置ProTable组件的 props, 如:-
showSearch是否显示搜索表单booleantrue
showTable是否显示表格booleantrue

Events

事件名说明回调参数
search搜索表单提交时触发(params: Record<string, any>) => void
reset搜索表单重置时触发() => void
table-change表格分页、筛选、排序变化时触发(pagination, filters, sorter) => void

Slots

插槽名说明
headerLeft页面标题左侧内容
headerRight页面标题右侧内容
default页面主体内容
[searchFormSlot]搜索表单自定义组件插槽
[tableSlot]表格自定义列插槽