antd的Table同时设置横向和纵向滚动条的时候,会出现列宽被压缩或是对不齐的现象,如图:
此时,两种解决方案,
1、需要给scroll.x的值设置的比所有的列宽加起来的都大,包括非固定列的宽度(具体数字和百分比都可以)
scroll={{x:2000,y:"500px"}}
2、可以单独的给发生压缩的列中render的return的div设置width,撑开它
{
title: "Behavior DealId",
dataIndex: "behaviorDealId",
width:200 //有时候,在这里设置width是不管用的
render:(text,record)=>{
return (
<div style={{width:"200px"}}>//当上面的width不起作用的时候,在这里设置宽度
{record.xxx}
</div>
)
}
},
如果对您有一丝的帮助,请赏个赞可好~