【antd】使Pagination分页组件居中展示

不想看长篇大论，直接跳转到解决方案咩

目录

一、问题描述

二、解决思路

1、忆往昔峥嵘岁月稠（以前好像解决过😜）

2、正入万山圈子里，一山放过一山拦（居中但没完全居中🙄）

3、柳暗花明又一村（前人坑我😏）

三、解决方案

1、单独使用分页组件

2、使用组件中分页api

四、感想心情

---

一、问题描述

       接了一个以表格展示居多的需求，其中有关于table的分页展示内容。UI给的设计图中分页部分是居中展示的，但初始是居右侧展示所以样式需要修改

二、解决思路

1、忆往昔峥嵘岁月稠（以前好像解决过😜）

        隐约记得在一个阳光明媚、万里无云的日子里（描写手法：以乐景写哀情），遇到过一个分页组件居中问题，官方文档中对于居左中右没有对应的api。

       对于当时比现在更菜的我，一直在想怎么给table下的分页api居中，真的搞死人。最后的解决方式是重新引入了分页的组件而没有直接用table下的分页属性，然后给分页组件外侧添加了样式，代码如下：

<Pagination
     style={
  {height: '32px', lineHeight: '32px', textAlign: 'center'}}
     total={totalCount}
></Pagination>

      有兴趣的话可以去看我以前写的这篇：antd中List组件设置分页居中

      然而我此时的写法和以前不同，很奇怪textAlign样式失效，我以为是我写法不同的原因，然后就找了其他方法。但是这个解决方式也是有建设性的作用的，这个后续再说