Ant design Vue表格使用fixed错位

问题:固定右侧两个操作框,但是因为有的表格内容过长导致错位现象

解决方法:

	columns:[{
       title: '操作',
       dataIndex: 'action',
       scopedSlots: { customRender: 'action' }, 
       ellipsis: true, // 设置为true 可以隐藏超出部分
       fixed: 'right'
    }]
在表格中插槽,鼠标移入通过tooltip文字提示显示所有内容
<span slot="action" slot-scope="text,record,index">
  <a-tooltip placement="rightTop">
     <span :title="record.action">{{record.action}}</span>
   </a-tooltip>
 </span>
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值