element-ui中的table表格修改背景樣式透明

element-ui table表格修改背景透明

	原本樣式

**

1. html中使用，css中加入如下程式碼即可

**

   .el-table,
        .el-table__expanded-cell {
            background-color: transparent !important;
        } */
        /* 表格內背景顏色 */
        /*         
        .el-table th,
        .el-table tr,
        .el-table td {
            background-color: transparent !important;
        } 

新的改變

元件化開發

less則需要加上/deep/生效，還有注意作用域要是scoped

/*最外層透明*/
/deep/ .el-table, /deep/ .el-table__expanded-cell{
  background-color: transparent;
}
/* 表格內背景顏色 */
/deep/ .el-table th,
/deep/ .el-table tr,
/deep/ .el-table td {
  background-color: transparent;
}

---

改變之後

---