Ant design Vue表格使用fixed错位
问题:固定右侧两个操作框,但是因为有的表格内容过长导致错位现象解决方法:columns:[{title: '操作',dataIndex: 'action',scopedSlots: { customRender: 'action' },ellipsis: true, // 设置为true 可以隐藏超出部分fixed: 'right'}]在表格中插槽,鼠标移入通过tooltip文字提示显示所有内容&
·
问题:固定右侧两个操作框,但是因为有的表格内容过长导致错位现象
解决方法:
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>
更多推荐
已为社区贡献1条内容
所有评论(0)