随笔分类 -  Element-UI

摘要:实现的效果: 整体思路方式: 1、给获取到的数据添加自定义的className 2、在点击行(row-click)和手动点击勾选框的事件(select-all)中获取到当前的row的className,直接修改className即可 点击查看事件说明 3、在行的 className 的回调方法中(r 阅读全文
posted @ 2021-04-22 10:32 Amerys 阅读(2667) 评论(0) 推荐(0)
摘要:场景:要使表格中的数据文字不换行,鼠标放上去就显示数据内容,就像那种tip提示。该怎么实现呢? 只需加个属性就能实现,没错就是这么简单,就让我们一起来看看吧! 先来看看效果图吧: 这里我们用到 show-overflow-tooltip属性,官方解释:默认情况下若内容过多会折行显示,若需要单行显示可 阅读全文
posted @ 2021-03-09 16:29 Amerys 阅读(2723) 评论(3) 推荐(0)
摘要:场景:要使表格中的表头文字不换行,鼠标放上去就显示表头内容,就像那种tip提示。该怎么实现呢?恰好这两个element都提供了,就让我们一起来看看吧! 先来看看效果图吧: 1、首先我们可以设置超出让文本省略号显示(根据需求而定),注意:要设给表格的.cell的div才生效哦! .el-table t 阅读全文
posted @ 2021-03-09 15:38 Amerys 阅读(5196) 评论(0) 推荐(0)