侧边栏壁纸
博主头像
波哥

大龄程序猿&自由职业者&副业达人
爱好:敲代码、搞副业
12+年开发经验,热衷自动化网络推广!

  • 累计撰写 1,810 篇文章
  • 累计创建 77 个标签
  • 累计收到 13 条评论

目 录CONTENT

文章目录

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

波哥
2022-10-29 / 0 评论 / 0 点赞 / 142 阅读 / 128 字

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

最后效果:

0

评论区