vue-ant-patterns/es/style/overlay/ant-table.less

vue-ant-patterns

/* table 部分样式覆盖 */

@table-prefix-cls: ~'ant-table';
.@{table-prefix-cls} {
  //紧凑型
  &.ant-table-small {
    line-height: 1.4;
  }
  //舒适型
  &.ant-table-middle {
    line-height: 1.7;
  }
}
.@{table-prefix-cls}-small {
  border: 0;
  &.ant-table-bordered {
    border: @border-width-base @border-style-base @border-color-split;
    border-radius: 0;
    .@{table-prefix-cls}-content {
      border-right: 0;
    }
  }
  .@{table-prefix-cls}-content {
    > .@{table-prefix-cls}-body {
      margin: 0 0;
    }
    > .@{table-prefix-cls}-header > table,
    > .@{table-prefix-cls}-body > table,
    > .@{table-prefix-cls}-scroll > .@{table-prefix-cls}-header > table,
    > .@{table-prefix-cls}-scroll > .@{table-prefix-cls}-body > table,
    > .@{table-prefix-cls}-fixed-left > .@{table-prefix-cls}-header > table,
    > .@{table-prefix-cls}-fixed-right > .@{table-prefix-cls}-header > table,
    > .@{table-prefix-cls}-fixed-left > .@{table-prefix-cls}-body-outer > .@{table-prefix-cls}-body-inner > table,
    > .@{table-prefix-cls}-fixed-right > .@{table-prefix-cls}-body-outer > .@{table-prefix-cls}-body-inner > table {
      > .@{table-prefix-cls}-thead > tr > th {
        background-color: @table-header-bg;
      }
    }
  }
}