目標：
代碼：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;
}
分析：在嘗試單元格內容溢出樣式時無論如何嘗試都難以將樣式填充進入
，嘗試重定義樣式成功
特此記錄