layuitab选项卡标题栏右边添加按钮

layuitab选项卡标题栏右边添加按钮,第1张

layuitab选项卡标题栏右边添加按钮方法:

1、打开编译器,来到代码主要部分,点击进入编译。

2、使用表格中的toolbar属性,字段里面添加toolbar属性。

3、给toolbar进行js赋值,调用监听事件,即可添加按钮

实现方法:

1.手动添加一个el-table-column,设type属性为selection即可

<el-table-column type="selection" width="100px"></el-table-column>

2.在el-table-column中设置label属性并不会起作用,因此全选二字需要使用CSS来实现

.el-table__header .el-table-column--selection .cell .el-checkbox:after {

color: #333

content: "全选"

font-size: 16px

margin-left: 12px

font-weight: bold

}

这个样式实测有效!


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11671563.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存