el-table组件样式如何二次修改？

文章目录

• 前言
• 一、去除全选框按钮样式
• 二、表头颜色的修改

---

前言

ElementUI中的组件el-table表格组件提供了丰富的样式，有一个全选框的el-table组件，提供了全选框和多选。

---

一、去除全选框按钮样式

原本默认是有全选框的。假如有一些开发者，因为某些需求，不想要这个全选框按钮，我们可以通过样式修改掉这个全选框按钮。（本人碰到过这种需求）

二、表头颜色的修改

原本是这样的。

我们只需要加入这两行代码就可以修改默认样式：

/* 全选按钮消失 */
::v-deep
  .el-table__header
  thead
  th:nth-child(1)
  .cell
  .el-checkbox
  .el-checkbox__input
  .el-checkbox__inner {
  display: none;
}
/* 表头颜色 */
:deep(.el-table thead) {
  color: black;
}

具体效果：