antd设置纵向滚动条后,出现列宽被压缩,或是对不齐的现象

您所在的位置:网站首页 表格设置滚动的时候标题不滚动了 antd设置纵向滚动条后,出现列宽被压缩,或是对不齐的现象

antd设置纵向滚动条后,出现列宽被压缩,或是对不齐的现象

2024-07-10 03:50| 来源: 网络整理| 查看: 265

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 ( //当上面的width不起作用的时候,在这里设置宽度 {record.xxx} ) } },

如果对您有一丝的帮助,请赏个赞可好~



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3