element table 表格 修改背景为透明并去除边框

时间:2024-03-05 11:16:06
 1 .el-table{
 2 /* 表格字体颜色 */
 3 color:white;
 4 /* 表格边框颜色 */
 5 /* border: 0.5px solid #758a99; */
 6 height: 500px;
 7 }
15 /* 表格内背景颜色 */
16 .el-table th, .el-table tr,.el-table td{
17 border: 0;
18 background-color: transparent;
19 }
20 /* 双数行背景颜色 */
21 .el-table--striped .el-table__body tr.el-table__row--striped td {
22  
23 background-color:#fff;
24 background-color: rgba(148, 144, 144, 0.3)
25 }
26 /* 使表格背景透明 */
27 .el-table th, .el-table tr {
28 background-color: transparent;
29 }
30 /* 删除表格下横线 */
31 .el-table::before {
32 left: 0;
33 bottom: 0;
34 width: 100%;
35 height: 0px;
36 }
37 /* 表格表头字体颜色 */
38 .el-table thead {
39 color: white;
40 font-weight: 500;
41 background-color: rgba(148, 144, 144, 0.3)
42 }

效果图: