.table-a{
position: absolute;
top: 73%;
left: 5%;
width: 90%;
}
/**表格背景透明 */
/*透明化整体*/
.table-a /deep/ .el-table,
.el-table__expanded-cell {
background-color: transparent !important;
}
/*透明化行、单元格,删除表头下横线*/
.table-a /deep/ tr, .table-a /deep/ th, .table-a /deep/ td {
background: #1439391c !important;
color:#fff;
border-bottom: 0px; /*删除表头下横线*/
}
/* 删除表格下横线 *//*去除最底下的横线 */
.table-a ::v-deep .el-table::before {
left: 0;
bottom: 0;
width: 100%;
height: 0px;
}
/*hover时样式*/
.table-a /deep/ .el-table tbody tr:hover>td {
background-color: #29c2c278 !important
}
/* 表格内容(有用)*/
.table-a /deep/ .el-table__row {
background: #1439391c !important;
color: #46d4ff;
}
/**表格背景透明end */
日常记录,vue-table表格背景透明
最新推荐文章于 2024-05-15 02:20:54 发布