antd表格分页

Posted 2020-11-10 红鲤鱼与LV

<Table
              bordered
              loading={loading}
              dataSource={list}
              pagination={{
                showSizeChanger: true,
                total: detailTotal,
                showTotal: detailTotal => `总共 ${detailTotal} 条记录`,
              }}
              components={this.components}
              size="small"
              columns={columns}
              rowKey="id"
            />

效果如图所示：