element表格内容过多，鼠标悬浮显示全部内容（show-overflow-tooltip)，内容过长显示悬浮抖动+内容非常长修改悬浮窗内容样式

这个业务逻辑多少都有点奇怪了，阅读浏览次数增值在新闻详情页的控制器方法里setInc，这怎么还写进模型事件里了。如果非要用onAfterRead也可以，把新闻文章的内容单独分出来一个news_content表，然后把它和news做关联，然后给news_content表的onAfterRead事件做增值处理，这样点进新闻页内查询到文章内容时才会触发它。: 评 TP6模型事件-查询后onAfterRead不好用

文章标签更多

ThinkPHP (254)

Mysql (58)

DedeCms (33)

jQuery (67)

证件照 (1)

尺寸大小 (2)

背景颜色 (1)

setInc (4)

setDec (4)

onclick (5)

友情链接更多

超纯水设备

免费设计

海报设计

快递查询

element UI show-overflow-tooltip

打开边栏(ESC) 关闭边栏(ESC)

1，在表格要展示的列过多时，有些表格内容过多就会用到这个属性，表格的内容按表头宽度超过省略，鼠标悬浮显示全部内容，如果内容过多超屏幕会一直抖动

from clipboard

用法很简单，加一行show-overflow-tooltip就可以了

     <el-table-column
       show-overflow-tooltip
       prop="description"
       align="center"
       label="测试"
     >
     </el-table-column>

但是遇到了一个新的问题，这种一般是内容过长是才会这么用，但是如果内容非常长就会出现新的问题，超已有表格宽度会非常难看

from clipboard

所以要限定其宽度，当宽度限定之后，高度就会超出电脑屏幕，也要限制高度。

提醒：下面这段css放哪个页面都行，但一定要是全局样式，不能加scoped，否则不管用

//宽度可以使用max-width显示,占比为屏幕占比，高度用max-height是行不通的,于是就用的超出行省略，当
//在限制的宽度之内多少行限制(不限制当内容几千几万字时就挂了),padding为了调整我这个正好15行省略看
//起来样式不会出问题,有问题的话可以调padding,line-height,font-size保证展示框样式完整 
.el-tooltip__popper{
    max-width:30%;
    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;
  }

完善后的样式如下：

from clipboard