解决ant 文字超过table td宽度隐藏 ,表头固定后有多余空白问题!2021-07-26

解决ant 文字超过table td宽度隐藏 ,表头固定后有多余空白问题!
首先ant 自带api ellipsis:true 为文字超出表格宽度隐藏,
但实际给了width宽度却不起作用
在这里插入图片描述
在这里插入图片描述
这里文字后并没有…而且宽度是自适应,这里需要给全局样式加上

`javascript
.ant-table-fixed-left table,
.ant-table-fixed-right table {
  width: min-content;
}

这里转自网络`` 感谢作者暂时找不到链接了~
在这里插入图片描述
加上以后出现了… 但是问题接着就来了如图:
在这里插入图片描述
设置fixed 并且给了宽度以后 固定表格下会有空白列 是之前自适应的宽度
解决方法:

<a-table
        :columns="columns"
        :dataSource="dataSource"
        rowKey="id"
        bordered
        size="middle"
        :scroll="{ x: 1, y: 600 }"
        :pagination="ipagination"
        :rowSelection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
        @change="handleTableChange"
      >

给 :scroll设置{ x: 1}" 这里 给X 一个固定的值即可 不要写100% 或者 true
解决问题!
有什么不懂可以给我留言探讨!
实际项目遇到的问题,记录一下 让自己的记忆更深刻!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值