博主在使用elementui中的el-table時感覺默認表格樣式實在過于簡潔，尤其表頭與表格內容之間區別較小，不利于辨認，降低了用戶體驗。如圖所示：

于是，博主嘗試更改一下表頭的背景顏色和字體顏色，方法如下：
根據elementui官網的說法，header-cell-style是表頭單元格的 style 的回調方法，也可以使用一個固定的 Object 為所有表頭單元格設置一樣的 Style。
這里嘗試在el-table里使用 header-cell-style屬性
代碼如下：

<el-table :header-cell-style="{background:'#eef1f6',color:'#606266'}"> ... </el-table>

更改后的表頭如圖所示：

深色主題

<el-table :header-cell-style="{background:'#004d8c',color:'#FFFFFF'}"> ... </el-table>

總結

以上是生活随笔為你收集整理的elementui更改el-table表头背景颜色和字体颜色的全部內容，希望文章能夠幫你解決所遇到的問題。

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