el-table行高文字过长影响行高 进行省略溢出处理

" "

问题描述

文字内容过多，撑开不美观。

​

解决方法

el-table-column中加 :show-overflow-tooltip="true" > 属性进行溢出处理，浮动显示。

      <el-table-column label="内容及要求" align="left" min-width="300" :show-overflow-tooltip="true">
        <template slot-scope="{row}">
          <span>{{ row.content }}</span>
        </template>
      </el-table-column>

浮动显示框更改样式：

.el-tooltip__popper{font-size: 14px; max-width:40% }/* 设置显示隐藏部分内容，按40%显示 */

最后效果：

​