Element表格样式背景色、边框、斑马条纹、颜色、文字...

最新推荐文章于 2024-04-17 03:48:01 发布

苡然_

最新推荐文章于 2024-04-17 03:48:01 发布

阅读量774

点赞数

文章标签： vue.js 前端 javascript elementui

原文链接：https://www.dnjc.cc/m/101021.html

版权

// 修改表格的背景色
.common-table-container .el-table,
.common-table-container .el-table__expanded-cell {
  //background-color: transparent !important;
  background-color: #313856;
  color: #fff;
}
// 去掉表格的边框
.common-table-container .el-table th,
.common-table-container .el-table td {
  background-color: transparent !important;
}
.assets-table-container .el-table th,
.assets-table-container .el-table td,
.order-table-container .el-table th,
.order-table-container .el-table td
{
  border: none !important;
}
//修改表格的斑马线
.el-table tr:nth-child(even) {background: #283049}
.el-table tr:nth-child(odd) {background: transparent}

//表格文字居中
.audit__table-container .cell {
  text-align: center !important;
}
//去掉表格单元格边框
.audit__table-container .el-table tr th,
.audit__table-container .el-table tr td{
  border: none;
}
//表格文字颜色
.audit__table-container .el-table tr td{
  color: #909399;
}
//表格单元格右边框
.audit__table-container .el-table tr td:not(:last-child) {
  border-right: 1px solid #eee;
}
//去掉底部的白线
.common-table-container .el-table::before {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0px;
}
 // 表格高度100%
.el-tabs{
  height: 100%;
}