首页 / 脚本样式 / Element UI / el-table设置背景透明

<div class="table-wrapper">

              <el-table :data="tableData">

                <el-table-column prop="aa" label="所属行业"></el-table-column>

                <el-table-column prop="bb" label="行政区划"></el-table-column>

                <el-table-column prop="cc" label="处理部门"></el-table-column>

                <el-table-column prop="dd" label="案件时间"></el-table-column>

                <el-table-column prop="ee" label="案件类型"></el-table-column>

              </el-table>

            </div>

.table-wrapper /deep/ .el-table--fit {

  padding: 20px !important;

  font-size: 12px;

  border: none !important;

}

.table-wrapper .el-table,

.el-table__expanded-cell {

  background-color: transparent !important;

  border: none !important;

}

.table-wrapper /deep/ .el-table tr {

  background-color: transparent !important;

  border: none;

}

.el-table /deep/ .el-table--enable-row-transition .el-table__body td,

.el-table .cell {

  background-color: transparent !important;

  border: none;

}

/*表中数据的颜色及背景等*/

.el-table th,

.el-table tr {

  border: 0 !important;

  background-color: transparent !important;

  color: white !important;

}

/*去每一行记录下的横线*/

.el-table--border tr,

td {

  border: none !important;

}

/*去最下面的横线*/

.el-table::before {

  height: 0;

}

/*table内的高亮*/

.el-table tbody tr:hover>td {

  background-color: rgb(79, 163, 213) !important

}