解决antd表格表头内容无法对齐的问题

因为各列表头的长度不同,当某一列表头长度过长导致换行时,其他列表头无法实现在该格中的垂直对齐,如图所示:

部分表头内容无法实现居中对齐

在没有特殊要求的情况下,可以给过长的表格设置ellipsis:true来省略过长的部分,如图所示:

省略过长的内容

但是在需要显示所有的内容时,可以对每个单元格设置如下样式:

  display: table-cell;
  vertical-align: middle;

效果如图所示:

更改单元格样式后的垂直居中效果
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。