index.less

@import (reference) '../../../../node_modules/antd/es/style/themes/default';
@basic-table-prefix-cls: ~'@{ant-prefix}-basic-table';

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

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

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

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

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

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

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

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

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

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

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

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

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

  .ant-pagination {
    display: flex;
    flex-wrap: wrap;
    grid-row-gap: 8px;
    justify-content: flex-end;

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