el-table表格样式修改

javascript 复制代码
<el-table
            :data="dateList"
            stripe
            max-height="95%"
            
            :header-cell-style="{
              background: '#004bff',
              color: '#fff',
              'font-size': '24px',
              height: '80px',
            }"
          ></el-table>
css 复制代码
::v-deep.el-table {
    background-color: transparent;
    border: 1px solid #3278ff;
    &.el-table::before {
      background-color: transparent;
    }
    .el-table__empty-text {
      color: #d2e6ff;
      font-size: 28px;
      line-height: 120px;
    }
    th.el-table__cell.is-leaf {
      border-bottom: none !important;
    }
    .el-table__row--striped {
      background-color: transparent;
    }
    .el-table__header tr,
    .el-table__header th {
      // background: #112c3c;
      padding: 5px 0;
    } //表头

    th,
    tr {
      background-color: transparent;

      .cell {
        color: #d2e6ff;
        background-color: transparent;
      }
    }
    .el-table__body-wrapper {
      .el-table__cell {
        border-bottom: 1px solid #3278ff !important;
      }
      th,
      tr {
        background-color: transparent;
        .cell {
          height: 56px;
          line-height: 56px;
          font-size: 24px;
          color: #d2e6ff;
          background-color: transparent;
        }
      }
    }
    /* 取消el-table鼠标移入高亮 */
    .el-table__body tr:hover > td {
      // background-color:#113176 !important;
      background-color: transparent !important;
    }
    .el-table__body tr.current-row > td {
      background-color: transparent !important;
      // background-color:#113176 !important;
    }
    .el-table__row--striped > td {
      background-color: rgba($color: #3278ff, $alpha: 0.15) !important;
    }
  }
相关推荐
wshzd13 分钟前
LLM之Agent(120)|DeepSeek-Harness(二十七)Workflow 引擎与 Ralph 循环
前端·数据库·人工智能
计算机编程-吉哥21 分钟前
计算机毕业设计 基于 SpringBoot + Vue 的剧本杀系统 Java毕业设计【任务书、开题报告、中期报告、论文、源码】
java·vue.js·spring boot·毕业设计·课程设计·计算机毕业设计选题
这里是杨杨吖26 分钟前
SpringCloud+Vue民宿房屋租赁系统 附带详细运行指导视频
vue.js·spring boot·spring cloud·房屋·民宿租赁
涛涛ing27 分钟前
React Compiler 1.0 之后,状态管理库正在被重新定义
前端
乘风gg33 分钟前
出事了,AI 提效后,老板让我裁员20%
前端·后端·ai编程
Amos_Web34 分钟前
Rspack 源码解析(三十二):rspack_plugin_runtime 如何抽象 chunk 加载与启动
前端
Amos_Web1 小时前
通过 Rspack 源码学 Rust(二):所有权、借用与 `&mut`
前端
计算机魔术师1 小时前
AI公司把「灾难性风险」写进招股书?Anthropic这5处反常
前端
西凉的悲伤1 小时前
Jsoup 库 HTML 解析详解
java·前端·html·jsoup
niucloud-admin1 小时前
NIUCLOUD PHP SAAS上门家政使用文档
前端·人工智能·ai编程