element ui 点击选中表头并改变表头样式

163 阅读 0 评论 108 点赞

我是靠谱客的博主糟糕发带，这篇文章主要介绍element ui 点击选中表头并改变表头样式，现在分享给大家，希望可以做个参考。

前言：

header-cell-style

表头单元格的 style 的回调方法，也可以使用一个固定的 Object 为所有表头单元格设置一样的 Style。

Function({row, column, rowIndex, columnIndex})/Object　

在表格添加

@header-click="headerClick"

//点击表头事件

headerClick(column, event){

let prop = column.property;

let className = column.id;

　　　　　//只取第一行，则表头

let selectClass = document.getElementsByClassName(className)[0] ;

　　　//两次点击取消样式

if( !selectClass.style.color)

selectClass.style.color = "#10fd10";

else

selectClass.style.color = null;

以上就是糟糕发带最近收集整理的关于element ui 点击选中表头并改变表头样式的全部内容，更多相关element内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。