日常记录，vue-table表格背景透明

.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表格背景透明相关推荐

ant design vue table表格组件实现隔行变色
ant design vue table表格组件实现隔行变色一.使用方法 html代码: <a-table:columns="patient":data-source=&q ...
layui table 表格设置透明
layui table 表格设置透明通过css来控制,直接上代码通过css来控制,直接上代码首先需要将table标签放入div中,div增加class名称 transparentDataTabl ...
vue table表格时间字段分两行（ parseTime-格式化时间）
vue table表格时间字段分两行( parseTime-格式化时间) 后台获取的时间字段 createTime: "2021-11-02 16:37:50" 在表格中将日期与 ...
ant vue table表格隐藏列
ant vue table表格隐藏列随手记一下
顶级好用的 5 款 Vue table 表格组件测评与推荐
本文首发:<顶级好用的 5 款 Vue table 表格组件测评与推荐 - 卡拉云> Vue table 表格组件作为绝大多数项目需要内嵌的组件,可谓十分重要.表格看起来虽简单,实则坑很深 ...
记录vue table列表中的选择表格反写
mounted () {this.selectedCheckList.forEach(key => { // 后台给的接口信息中选中的idthis.classifyList.forEach(ro ...
vue3 antd table表格样式修改——ant design vue table表格的行高调整
vue3 antd项目实战--修改ant design vue table组件的默认样式(调整每行行高) 知识调用场景复现实际操作解决a-table表格padding过宽知识调用文章中可能会 ...
vue table表格中身份证隐藏中间几位
table表格中的显示 <el-table-column label="证件号" align="center" prop="licenseNum ...
vue table表格中只有表头加竖线分割
table表格中只有表头加竖线分割给<el-table>加一个属性 : :header-cell-style="{'border-right':'1px solid #8888 ...

日常记录，vue-table表格背景透明

日常记录，vue-table表格背景透明相关推荐

最新文章

热门文章