ant-design-blazor/components/table/style/bordered.less

@import './index';
@import './size';

@table-border: @border-width-base @border-style-base @border-color-split;

.@{table-prefix-cls}.@{table-prefix-cls}-bordered {
  // ============================ Title =============================
  .@{table-prefix-cls}-title {
    border: @table-border;
    border-bottom: 0;
  }

  // ============================= Cell =============================
  thead > tr > th,
  tbody > tr > td,
  tfoot > tr > th,
  tfoot > tr > td {
    border-right: @table-border;
  }

  // Fixed right should provides additional border
  .@{table-prefix-cls}-cell-fix-right-first::after {
    border-right: @table-border;
  }

  // ============================ Header ============================
  table > {
    thead {
      > tr:not(:last-child) > th {
        border-bottom: @border-width-base @border-style-base @border-color-split;
      }
    }
  }

  // =========================== Content ============================
  .@{table-prefix-cls}-container {
    border: @table-border;
    border-right: 0;
    border-bottom: 0;
  }

  // ========================== Expandable ==========================
  .@{table-prefix-cls}-expanded-row-fixed {
    margin: -@table-padding-vertical (-@table-padding-horizontal - @border-width-base);

    &::after {
      position: absolute;
      top: 0;
      right: @border-width-base;
      bottom: 0;
      border-right: @table-border;
      content: '';
    }
  }

  &.@{table-prefix-cls}-fixed-column {
    tr.@{table-prefix-cls}-expanded-row,
    tr.@{table-prefix-cls}-placeholder {
      > td {
        border-right: 0;
      }
    }
  }

  // Size related
  &.@{table-prefix-cls}-middle {
    .@{table-prefix-cls}-expanded-row-fixed {
      margin: -@table-padding-vertical-md (-@table-padding-horizontal-md - @border-width-base);
    }
  }

  &.@{table-prefix-cls}-small {
    .@{table-prefix-cls}-expanded-row-fixed {
      margin: -@table-padding-vertical-sm (-@table-padding-horizontal-sm - @border-width-base);
    }
  }

  // ============================ Footer ============================
  .@{table-prefix-cls}-footer {
    border: @table-border;
    border-top: 0;
  }
}