关于antd table 表头与表格不对齐问题

最新推荐文章于 2024-09-25 15:46:58 发布

大青花鱼の

最新推荐文章于 2024-09-25 15:46:58 发布

阅读量4.1k

点赞数 2

本文链接：https://blog.csdn.net/halations/article/details/101703999

版权

出现这个问题一般是设置了scroll属性

解决方法：给每个表头设置width，然后最后一个可以不设置，antd会自适应最后一个。

{
    title:'任务类型',
    dataIndex:'type',
    key:'type',
    width:90,
},

如果还没解决怎么办？

可能出现的问题是因为render的值长度大于了外面设置的width

比如

{
    title:'渠道',
    dataIndex:'channel_name',
    key:'channel_name',
    render:text=>{
            return <span style={{white-space:nowrap}}>{text}</span>
        },
    width:120,
},
// 这里设置了强制一行显示 整个td的长度大于了120 所以导致了td跟th宽度不一致出现不对齐现象
// 解决办法:
// 1:th的width设置长一点
// 2:render的css属性调整