ElementUI表格实现当文字超出时,鼠标悬浮显示

  <el-table-column :show-overflow-tooltip="true" v-for="(item, index) in bgrqs" :label="item" :key="index" align="center" >
    <template slot-scope="scope" >
      <span :style="textColor(scope.row[index])"> {
  {scope.row[index]}}</span>
    </template>
  </el-table-column>
</el-table>

 只需要加上下列代码就可以是实现了


:show-overflow-tooltip="true"

 默认是false,我们设置为true就可以了


效果如下



 这篇文章并非自己原创,原作者在下面


ElementUI表格列文字超出隐藏_:show-overflow-tooltip="true"隐藏数据不显示-CSDN博客


 希望可以帮助到各位小伙伴!!!

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2023-12-06 11:24:10       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2023-12-06 11:24:10       100 阅读
  3. 在Django里面运行非项目文件

    2023-12-06 11:24:10       82 阅读
  4. Python语言-面向对象

    2023-12-06 11:24:10       91 阅读

热门阅读

  1. vue3 学习

    2023-12-06 11:24:10       48 阅读
  2. import后加不加{}的区别(es6引用)

    2023-12-06 11:24:10       57 阅读
  3. 对Vue中mixin的理解

    2023-12-06 11:24:10       39 阅读
  4. 如何在 vue 项目中创建 svg 组件

    2023-12-06 11:24:10       54 阅读
  5. linux 僵尸进程 关闭看不见的进程

    2023-12-06 11:24:10       54 阅读
  6. threejs WebGLRenderer 像素比对画布大小的影响

    2023-12-06 11:24:10       62 阅读
  7. 力扣:196. 删除重复的电子邮箱(Python3)

    2023-12-06 11:24:10       63 阅读
  8. QT基础教程(QPalette和QIcon)

    2023-12-06 11:24:10       53 阅读
  9. mysql中的case when then else end用法

    2023-12-06 11:24:10       63 阅读
  10. (C++20) consteval立即函数

    2023-12-06 11:24:10       64 阅读
  11. map 和 flatMap 的区别

    2023-12-06 11:24:10       57 阅读