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;

         },