zp-bee/es/bee-table/style/elTable.less

zp-bee，是一款基于 Dumi，由 React + TypeScript 开发的组件库 🎉。

@import '../../style/mixins/customize.less';
.container {
  // 表格体中右侧边框线不展示 底部边框线颜色修改
  .el-table--border td {
    border-right: none;
    border-bottom: 1px solid #f1f1f6;
  }

  // 表格头部
  .el-table th {
    height: 32px;
    font-size: 12px;
    font-weight: 500;
    background-color: #f3f2f6;
  }

  // 表格头部内内容
  .el-table__fixed-header-wrapper thead div {
    background-color: transparent;
  }

  // 表格头部单元格
  .el-table th > .cell {
    line-height: unset;
    text-align: left; //默认左对齐
  }

  .el-table__footer-wrapper thead div {
    background-color: transparent;
  }

  .el-table__header-wrapper thead div {
    background-color: transparent;
  }

  // 表格体
  .el-table td {
    height: 32px;
    font-size: 12px;
  }

  // 斑马线加深色
  .el-table--striped .el-table__body tr.el-table__row--striped td {
    background-color: #f9f9f9;
    background-clip: unset;
  }

  // hover状态
  .hover-row td {
    background-color: #effbf4 !important;
  }

  // 省略
  .el-table .el-table-ellipsis {
    .ellipsis(1);
  }
}