antdv a-table pagination配置项
<a-table
ref="table"
:rowKey="(record) => record.id"
:pagination="{
current: table.pageNumber,
defaultPageSize: 10,
showSizeChanger: true,
pageSizeOptions: ['10', '20', '30', '40'],
showTotal: (total,range) => `${range[0]}-${range[1]}共${total}条`,
onShowSizeChange: (current, pageSize) =>{table.pageSize = pageSize; table.pageNumber = 1},
onChange: (pageNumber) => table.pageNumber = pageNumber
}"
:defaultExpandAllRows="true"
:columns="columns"
:dataSource="loadData"
showPagination="auto"
:row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
>
<span slot="action" slot-scope="text, record">
<a href="javascript:;" @click="$refs.editForm.edit('编辑',record)">编辑</a>
<a-divider type="vertical"/>
<a-popconfirm placement="topRight" title="确认删除?" @confirm="() => mainDelete(record)">
<a>删除</a>
</a-popconfirm>
</span>
</a-table>
table:{
pageNumber:1,
pageSize:10
}
版权声明:本文为weixin_41628411原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
THE END