element之给table表头的添加红色星号

最新推荐文章于 2024-06-21 10:52:01 发布

QWJ-JIE

最新推荐文章于 2024-06-21 10:52:01 发布

阅读量3.9k

点赞数 2

分类专栏： element组件使用集锦文章标签： css

本文链接：https://blog.csdn.net/weixin_41292470/article/details/105517800

版权

element组件使用集锦专栏收录该内容

5 篇文章 1 订阅

订阅专栏

需求：如图给表格添加红色星号

在这里插入图片描述

1.属性header-cell-class-name、星号样式

<!-- header-cell-class-name 绑定 must方法 -->
</el-table :header-cell-class-name='must'></el-table>

<style>
.el-table th.must>.cell:before {
	content: '*';
	color: #ff1818;
}
</style>

2.must函数中指定序列返回must类名

methods: {
	must(obj){
		if(obj.columnIndex == 1 || obj.columnIndex == 2 || obj.columnIndex == 4 || obj.columnIndex == 5) {
			return 'must';
		}
	}
}