element-table，表格内容过长换行展示，超出两行省略号展示，鼠标移入查看全部

最新推荐文章于 2024-06-28 15:24:06 发布

谷风晚一更

最新推荐文章于 2024-06-28 15:24:06 发布

阅读量1.1k

点赞数 5

文章标签：前端 vue elementui

本文链接：https://blog.csdn.net/liu_hf/article/details/135157112

版权

{
     prop: 'XXXXX',
     label: '示例',
     align: 'center',
     // 鼠标移入展示
     showOverflowTooltip: true,
     render: (h, params) => {
        // 创建标签
        return h(
           'div',
           {
              content: '',
              // 编辑对应样式  
              style: {
                 overflow: 'hidden',
                 whiteSpace: 'pre-wrap',
                 webkitBoxOrient: 'vertical',
                 webkitLineClamp: 2,
                 display: '-webkit-box'
              }
           },
           // 展示内容字段 
           params.row.XXXXX
       );
    }
}