iview中使用table组件时单元格数据溢出省略号及tooltip


目标:

 代码: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; } 分析:在尝试单元格内容溢出样式时无论如何尝试都难以将样式填充进入

 ,尝试重定义样式成功

特此记录
CSS