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;

         },