侧边栏壁纸
  • 累计撰写 2,058 篇文章
  • 累计创建 73 个标签
  • 累计收到 20 条评论

目 录CONTENT

文章目录

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

大猿本猿
2022-10-29 / 1,238 阅读 / 128 字
" "

问题描述

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

解决方法

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%显示 */

最后效果: