element-ui中el-tabel表格内容过多时的处理方式

解决方法鼠标悬浮时显示全部内容

 <el-table-column   :show-overflow-tooltip="true"   header-align="center" align="center"  min-width="80"  v-for="(item,key) in titleData" :key="key" :prop="item.value"　:label="item.name"></el-table-column>

给el-table-column中添加

:show-overflow-tooltip="true"

然后设置样式代码：

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

.el-tooltip__popper{     max-width:40%;     padding-bottom: 5px!important;     display: -webkit-box;     // overflow: hidden;     // text-overflow: ellipsis;     // -webkit-line-clamp: 15;     // -webkit-box-orient: vertical;      }   .el-tooltip__popper,.el-tooltip__popper.is-dark{     background:rgb(48, 65, 86) !important;     color: #fff !important;     line-height: 24px;   }

　效果图：