(css)清除el-table背景色

(css)清除el-table背景色

---

效果：

---

<el-table
  :data="gridData"
  :header-cell-style="{'text-align':'center','color': '#fff'}"
  :cell-style="{'text-align':'center','color': '#fff' }"
>
  <el-table-column type="index" label="序号" width="50"></el-table-column> 
  ...
</el-table>

---

// 表格
/deep/ .el-table,
.el-table__body {
  background: transparent !important;
}
/deep/ .el-table th {
  background-color: transparent !important;
}
/deep/ .el-table tr {
  background-color: transparent !important;
}
//清除鼠标移入效果
/deep/.el-table__body tr.hover-row > td {
  background-color: transparent !important;
}
// 行底边线
/deep/ .el-table td.el-table__cell,
.el-table th.el-table__cell.is-leaf {
  //   border-bottom: 1px solid #ccc;
}