ant-design/components/table/style/index.less

@import "../../style/themes/default";
@import "../../style/mixins/index";

@table-prefix-cls: ~"@{ant-prefix}-table";
@table-header-icon-color: #bfbfbf;
@table-header-sort-active-bg: darken(@table-header-bg, 3%);
@table-header-filter-active-bg: darken(@table-header-sort-active-bg, 5%);

.@{table-prefix-cls}-wrapper {
  .clearfix;
}

.@{table-prefix-cls} {
  .reset-component;
  position: relative;
  clear: both;

  &-body {
    transition: opacity .3s;
  }

  &-empty &-body {
    overflow: auto !important;
  }

  table {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    border-radius: @border-radius-base @border-radius-base 0 0;
  }

  &-thead > tr > th {
    background: @table-header-bg;
    transition: background .3s ease;
    text-align: left;
    color: @table-header-color;
    font-weight: 500;
    border-bottom: @border-width-base @border-style-base @border-color-split;

    &[colspan] {
      text-align: center;
    }

    .@{iconfont-css-prefix}-filter,
    .@{table-prefix-cls}-filter-icon {
      font-size: @font-size-sm;
      cursor: pointer;
      color: @table-header-icon-color;
      transition: all .3s;
      width: 28px;
      position: absolute;
      top: 0;
      right: 0;
      height: 100%;
      text-align: center;

      > svg {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -@font-size-sm / 2 + 1px;
        margin-left: -@font-size-sm / 2;
      }
    }

    .@{table-prefix-cls}-filter-selected.@{iconfont-css-prefix}-filter {
      color: @primary-color;
    }

    .@{table-prefix-cls}-column-sorter {
      position: absolute;
      right: 6px;
      top: 50%;
      width: 14px;
      height: @font-size-lg + 1px;
      margin-top: -(@font-size-lg + 1px) / 2;
      text-align: center;
      color: @table-header-icon-color;
      transition: all .3s;

      &-up,
      &-down {
        .iconfont-size-under-12px(11px);
        line-height: 4px;
        height: 4px;
        transition: all .3s;
        display: block;
        &.on {
          color: @primary-color;
        }
      }

      &-down {
        margin-top: 4px;
      }
    }

    &.@{table-prefix-cls}-column-has-actions {
      position: relative;
      background-clip: padding-box; // For Firefox background bug, https://github.com/ant-design/ant-design/issues/12628