关于使用 ant-design-vue a-table 超出部分 隐藏并显示省略号,

但有的时候 title的hover显示效果 满足不了我们的 需求 , 要求我们使用类似于tooltip的形式  对省略的字段进行显示 

columns = [
{
id: "1",
checked:true,
width: 100,
title: '更新时间',
dataIndex: 'update_at',
customCell : () => {
return {
style: {
width: '100px',
overflow: 'hidden',
whiteSpace: 'nowrap',
textOverflow:'ellipsis',
cursor:'pointer'
}
}
},
customRender: (text,record) => <a-tooltip placement="topLeft" title = {record.create_at} >{record.create_at}</a-tooltip>
}

]

posted @ 2021-09-15 14:58  泽泽生龙  阅读(1755)  评论(0编辑  收藏  举报