专栏首页acoolgiser_zhuanlanelement 表格内容过长时设置隐藏,通过popover弹窗显示

element 表格内容过长时设置隐藏,通过popover弹窗显示

一、 首先看效果图:

 二、示例代码:

<el-table-column prop="safetyRisk" label="安全隐患" width="200">
    <template slot-scope="scope">
          <el-popover
            placement="top-start"
            title="安全隐患"
            width="300"
            trigger="hover"
          >
            <div>{{ scope.row.safetyRisk }}</div>
            <span slot="reference">{{
              scope.row.safetyRisk.substr(0, 30) + "..."
            }}</span>
          </el-popover>
    </template>
</el-table-column>

参考 https://www.jianshu.com/p/7e7b65b99f3d

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • vue element 控件之 el-container中的el-side 与 el-main 的间距怎么设置

    如图所示,当我们在页面中同时使用el-container中的el-side 与 el-main组件时,默认情况下两个组件是挨在一起的。

    acoolgiser
  • “Debugger listening on [::]:25950” node.js调试时出现端口占用的问题,run没问题 debug时老提示端口占用 。Error: listen EADDRI

    在node.js多进程项目中,程序直接run没问题,但debug时老提示端口占用。“Debugger listening on [::]:25951”    n...

    acoolgiser
  • elementUI框架的 el-row el-col 与 el-table-column 用法区别!

    通过官方文档的说明,即布局的一行(el-row)的宽度分为24等份,通过span属性来确定每一个列(el-col)的宽度,占了24份中的几份。无论一个el-ro...

    acoolgiser
  • 【PAT乙级】我要通过!

    版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。 ...

    喜欢ctrl的cxk
  • 随机取样的实现

    思路二,调用java默认的洗牌方法来实现,性能不如思路一的实现(常见数据量下耗时大概是上面代码的2~10倍;对于极大范围取样,比如1亿样本里随机抽取500万,耗...

    冰之角
  • python开发工具之pycharm介绍

    个人认为,pycharm编写python是一个很优秀的IDE,pycharm的下载地址为: http://www.jetbrains.com/pycharm/...

    无涯WuYa
  • CAS实现原理

    JUC是java.util.concurrent包的简称,JUC有2大核心,CAS和AQS,CAS是java.util.concurrent.atomic包的基...

    Java识堂
  • 【深度学习】③--神经网络细节与训练注意点

    1. 权重的初始化 1.1 fine-tuning 神经网络的训练的有两种方式,第一种是自己从头到尾训练一遍;第二种是使用别人训练好的模型,然后根据自己的实际需...

    Spark学习技巧
  • Redis AOF持久化文件越来越大这么办?

    AOF持久化是通过保存写命令来记录数据库状态的,所以AOF文件中的内容会越来越多,文件的体积也会越来越大,如果不加以控制的话,体积过大的 AOF文件很可能对Re...

    dys
  • Length of Last Word

    问题:最后一个单词的长度 分析,注意s=" a  b  "这种情况,从后遍历单词,遇到空格退出 class Solution { public: int...

    用户1624346

扫码关注云+社区

领取腾讯云代金券