index.less

@root-entry-name: 'default';
@import '~antd/es/style/themes/index.less';
@basic-table-prefix-cls: ~'@{ant-prefix}-basic-table';

.@{basic-table-prefix-cls} {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;

  .@{ant-prefix}-table-wrapper,
  .@{ant-prefix}-spin-nested-loading,
  .@{ant-prefix}-spin-container,
  .@{ant-prefix}-table,
  .@{ant-prefix}-table-container,
  .@{ant-prefix}-table-content {
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow: hidden;
  }

  .@{ant-prefix}-table-tbody > tr,
  .@{ant-prefix}-table-tbody > tr > td {
    background: white;
  }

  .@{ant-prefix}-table-thead > tr > th {
    font-weight: 600;
    background: white;
    border-bottom: 2px solid #dbe7fb;
  }

  .@{ant-prefix}-table-thead > tr > th .@{ant-prefix}-table-column-sorters {
    padding: 0;
  }

  .@{ant-prefix}-table-thead > tr > th .@{ant-prefix}-table-column-sorter-full {
    margin-top: -0.5em;
  }

  .@{ant-prefix}-table-thead > tr > th,
  .@{ant-prefix}-table-tbody > tr > td,
  .@{ant-prefix}-table tfoot > tr > th,
  .@{ant-prefix}-table tfoot > tr > td {
    padding: 8px 8px;
  }

  .@{ant-prefix}-table-tbody > tr:hover:not(.@{ant-prefix}-table-expanded-row) > td {
    background: white;
  }

  .@{ant-prefix}-table-tbody > tr:nth-child(2n-1),
  .@{ant-prefix}-table-tbody > tr:nth-child(2n-1) td {
    background: #f6f9fe;
  }

  .@{ant-prefix}-table-tbody > tr:hover {
    background: #edf2ff;
    td {
      background: #edf2ff !important;
    }
  }

  .@{ant-prefix}-table-tbody > tr > td {
    border-bottom: 1px solid #dbe7fb;
  }

  .@{ant-prefix}-table.@{ant-prefix}-table-bordered
    > .@{ant-prefix}-table-container
    > .@{ant-prefix}-table-content
    > table
    > thead
    > tr
    > th,
  .@{ant-prefix}-table.@{ant-prefix}-table-bordered
    > .@{ant-prefix}-table-container
    > .@{ant-prefix}-table-header
    > table
    > thead
    > tr
    > th,
  .@{ant-prefix}-table.@{ant-prefix}-table-bordered
    > .@{ant-prefix}-table-container
    > .@{ant-prefix}-table-body
    > table
    > thead
    > tr
    > th,
  .@{ant-prefix}-table.@{ant-prefix}-table-bordered
    > .@{ant-prefix}-table-container
    > .@{ant-prefix}-table-content
    > table
    > tbody
    > tr
    > td,
  .@{ant-prefix}-table.@{ant-prefix}-table-bordered
    > .@{ant-prefix}-table-container
    > .@{ant-prefix}-table-header
    > table
    > tbody
    > tr
    > td,
  .@{ant-prefix}-table.@{ant-prefix}-table-bordered
    > .@{ant-prefix}-table-container
    > .@{ant-prefix}-table-body
    > table
    > tbody
    > tr
    > td,
  .@{ant-prefix}-table.@{ant-prefix}-table-bordered
    > .@{ant-prefix}-table-container
    > .@{ant-prefix}-table-content
    > table
    > tfoot
    > tr
    > th,
  .@{ant-prefix}-table.@{ant-prefix}-table-bordered
    > .@{ant-prefix}-table-container
    > .@{ant-prefix}-table-header
    > table
    > tfoot
    > tr
    > th,
  .@{ant-prefix}-table.@{ant-prefix}-table-bordered
    > .@{ant-prefix}-table-container
    > .@{ant-prefix}-table-body
    > table
    > tfoot
    > tr
    > th,
  .@{ant-prefix}-table.@{ant-prefix}-table-bordered
    > .@{ant-prefix}-table-container
    > .@{ant-prefix}-table-content
    > table
    > tfoot
    > tr
    > td,
  .@{ant-prefix}-table.@{ant-prefix}-table-bordered
    > .@{ant-prefix}-table-container
    > .@{ant-prefix}-table-header
    > table
    > tfoot
    > tr
    > td,
  .@{ant-prefix}-table.@{ant-prefix}-table-bordered
    > .@{ant-prefix}-table-container
    > .@{ant-prefix}-table-body
    > table
    > tfoot
    > tr
    > td {
    border-right: 1px solid #dbe7fb;
  }

  .@{ant-prefix}-table.@{ant-prefix}-table-bordered > .@{ant-prefix}-table-container {
    border-top: 1px solid #dbe7fb;
    border-left: 0;
  }

  .@{ant-prefix}-table.@{ant-prefix}-table-bordered .@{ant-prefix}-table-header,
  .@{ant-prefix}-table.@{ant-prefix}-table-bordered .@{ant-prefix}-table-body {
    border-left: 1px solid #dbe7fb;
  }

  .@{ant-prefix}-table-cell-scrollbar {
    border-left: 0px;
    box-shadow: none;
  }

  .@{ant-prefix}-table-summary {
    tr td {
      position: sticky;
      bottom: 0;
      background: white;
      border-top: 1px solid #dbe7fb;
    }
  }

  .@{ant-prefix}-pagination {
    display: flex;
    flex-wrap: wrap;
    grid-row-gap: 8px;
    justify-content: flex-end;
    padding-top: 10px;
    border-top: 1px solid #efefef;

    .@{ant-prefix}-pagination-total-text {
      margin-right: auto;
      margin-left: 8px;
    }
  }
}