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
< <上一篇
下一篇>>