antd table分页居中显示react

在最新版的antd中，.ant-table-pagination ** 是flex，.ant-table-pagination-right**设置的 justify-content: flex-end，所以分页默认在右边展示，如下：

我们想要分页居中，首先要把flex给成display: block;
然后在给 .ant-table-pagination-right设置居中 text-align: center;
上代码：

.center_table{
  :global {
    .ant-table-pagination {
      display: block;
    }

    .ant-table-pagination-right {
      float: none !important;
      text-align: center;
      margin-top: 36px;
    }
  }
}

注意，要给你的table设置className

<Table
    columns={columns}
    dataSource={list}
    scroll={{ x: 1300 }}
    pagination={pagination}
    rowKey={record => record.id}
    className={styles.center_table}
  />;

然后就居中啦，上图：