欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

element ui Table组件溢出隐藏,鼠标经过再显示出来

程序员文章站 2022-03-03 10:24:47
...

实现方式:

添加 show-overflow-tooltip 属性给需要的列

实例

<template>  
  <el-table :data="tableData" style="width: 100%">    
    <el-table-column prop="phone" label="姓名"> </el-table-column>    
    <el-table-column prop="address" label="地址" show-overflow-tooltip></el-table-column>  
  </el-table> 
</template>

运行实例 »

点击 "运行实例" 按钮查看在线实例