You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

84 lines
2.1 KiB

@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}-scroll-horizontal {
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;
}
}