用法如下, showTotal 要定义为一个对象的方法才行.
// 分页参数
const paginationObj: object = {
...pagination,
showQuickJumper: true,
// 显示每页多少条数据
showSizeChanger: true,
hideOnSinglePage: false,
pageSizeOptions: ['10', '30', '50', '100'],
onChange: paginationChange,
onShowSizeChange: paginationChange,
// 总数
showTotal: function() {
return `总共有 ${pagination.total} 条数据`;
},
};
<Table
rowKey={(v: any) => v.id}
columns={columns}
dataSource={list}
loading={loading}
pagination={paginationObj}
bordered
scroll={{ y: '60vh' }}
/>
显示效果 :