目标:
代码:js部分
{
key: 'discDetail',
title: '个人介绍',
render:(h,params)=>{
return h('div', [
h('Tooltip', {
props: {
placement: 'top',
transfer: true
},
style:{
display: 'inline-block',
width: '100%',
overflow: 'hidden',
textOverflow: 'ellipsis',
whiteSpace: 'nowrap',
borderColor:"1px",
borderWidth:'red'
}
}, [params.row.discDetail, h('span', {
slot: 'content',
style: {
whiteSpace: 'normal',
}
}, params.row.discDetail)
])
])
}
},
css部分:
/deep/ .ivu-tooltip-rel{
display: inline-block;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
分析:在尝试单元格内容溢出样式时无论如何尝试都难以将样式填充进入

,尝试重定义样式成功

特此记录