element更改表格表頭、行、指定單元格樣式

更改表格的樣式

使用header-cell-style屬性，可為函數或對象

函數寫法

<!-- html --> <el-table :header-cell-style="rowClass"></el-table> //在method里面寫上方法 rowClass({ row, rowIndex}) {console.log(rowIndex) //表頭行標號為0return 'background:red' }

2.對象寫法

<!-- html --> <el-table :header-cell-style="{background:'red'}"></el-table>

更改表格中某個單元格的樣式

1.函數寫法

<!-- html --> <el-table :header-cell-style="cellStyle"></el-table> //在method里面寫上方法 cellStyle({row, column, rowIndex, columnIndex}){if(rowIndex === 1 && columnIndex === 2){ //指定坐標return 'background:pink'}else{return ''} }

2.對象寫法

<!-- html --> <el-table :cell-style="{background:'pink'}"></el-table>

總結

以上是生活随笔為你收集整理的element更改表格表头、行、指定单元格样式的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。