element ui el-table 多选表头多选框替换文字

最新推荐文章于 2023-09-03 18:37:12 发布

Jim010101

最新推荐文章于 2023-09-03 18:37:12 发布

阅读量1.4k

点赞数

分类专栏： VUE 文章标签： vue

本文链接：https://blog.csdn.net/qq_27946017/article/details/120221503

版权

VUE 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

element ui el-table 多选表头多选框替换文字

.el-table /deep/.DisabledSelection .cell .el-checkbox__inner {
	//   margin-left: -30px;
	display: none;
	position: relative;
}
.el-table /deep/.DisabledSelection .cell:before {
	content: '多选';
	position: absolute;
	right: 15px;
}

在这里插入图片描述

element ui el-table 多选表头增加全选字样

/*表格表头全选*/
	.el-table /deep/.DisabledSelection .cell .el-checkbox__inner{
	  margin-left: -30px;
	  position:relative;
	}
	.el-table /deep/.DisabledSelection .cell:before{
	  content:"全选";
	  position:absolute;
	  right:11px;
	}