elementUI 表格設置表頭樣式

eader-row-class-name	表頭行的 className 的回調方法，也可以使用字符串為所有表頭行設置一個固定的 className。	Function({row, rowIndex})/String
header-row-style	表頭行的 style 的回調方法，也可以使用一個固定的 Object 為所有表頭行設置一樣的 Style。	Function({row, rowIndex})/Object
header-cell-class-name	表頭單元格的 className 的回調方法，也可以使用字符串為所有表頭單元格設置一個固定的 className。	Function({row, column, rowIndex, columnIndex})/String
header-cell-style	表頭單元格的 style 的回調方法，也可以使用一個固定的 Object 為所有表頭單元格設置一樣的 Style。	Function({row, column, rowIndex, columnIndex})/Object

 

 

其它幾種寫法不清楚，最后一種測試成功

<el-table :data="logs" style="width: 100%" stripe height="calc(100% - 60px)" @sort-change="sortChange" :header-cell-style="{
    'background-color': '#fafafa',
    'color': 'rgb(103, 194, 58)',
    'border-bottom': '1px rgb(103, 194, 58) solid'
}">

... 
</el-table>

效果如下，雖然比較丑，但實現跟內容區分