1. 首页
  2. 数据库
  3. 其它
  4. 解决Antd Table组件表头不对齐的问题

解决Antd Table组件表头不对齐的问题

上传者: 2021-02-23 09:27:30上传 PDF文件 73.63KB 热度 22次
背景: 在使用Antd的table组件时,由于表头参数过多,于是设置了scroll属性,在其超出一定宽度后进行滚动 但是在添加了该属性之后,经常会出现表头不对齐的问题: 针对该问题Google 了一下解决方案,但大多不是很完善,为解决问题。现整理下完整的解决方案: 1、对表格的每一行 【columns】设置width属性(留出一行进行宽度自适应); 2、scroll属性中的x选择一个合适的值(或者直接设为 max-content); 如果以上两步仍解决不了对齐问题的话,请继续第三步操作 3、对table的每一个td 添加 className=“word-wrap”,并设置对应样式 (因为t
用户评论