//保证表格边框白线消失
/deep/ .el-table {
color: #ecffff;
background: transparent; //使得表格边框白线消失
}
/*表头样式设置*/
/deep/ .el-table thead tr th {
background: #064b51;
color: #00f5ff;
}
/*表格内容设置*/
/deep/ .el-table th,
/deep/ .el-table tr {
background: #011b17;
}
// 条纹行样式修改
/deep/ .el-table--striped .el-table__body tr.el-table__row--striped td {
background: #011b17;
}
/*移除表格间隙中露出的白色*/
/deep/ .el-table tbody td,
/deep/ .el-table tbody th.is-leaf,
/deep/ .el-table td,
/deep/ .el-table th.is-leaf {
border: none;
}
/deep/ .el-table::before {
height: 0; //使得表格底部边框白线消失
}
//表格选中行设置
/deep/ .el-table {
tbody tr {
&:hover {
td {
background: #ff904a !important;
}
}
}
}
elementui表格样式自定义
于 2023-07-11 18:40:11 首次发布