mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-05 05:28:20 +08:00
123 lines
3.4 KiB
Plaintext
123 lines
3.4 KiB
Plaintext
@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;
|
|
}
|
|
|
|
> .@{table-prefix-cls}-container {
|
|
// ============================ Content ============================
|
|
border: @table-border;
|
|
border-right: 0;
|
|
border-bottom: 0;
|
|
|
|
> .@{table-prefix-cls}-content,
|
|
> .@{table-prefix-cls}-header,
|
|
> .@{table-prefix-cls}-body {
|
|
> table {
|
|
// ============================= Cell =============================
|
|
> thead > tr > th,
|
|
> tbody > tr > td,
|
|
> tfoot > tr > th,
|
|
> tfoot > tr > td {
|
|
border-right: @table-border;
|
|
}
|
|
// ============================ Header ============================
|
|
> thead {
|
|
> tr:not(:last-child) > th {
|
|
border-bottom: @border-width-base @border-style-base @border-color-split;
|
|
}
|
|
}
|
|
|
|
// Fixed right should provides additional border
|
|
> thead > tr,
|
|
> tbody > tr,
|
|
> tfoot > tr {
|
|
> .@{table-prefix-cls}-cell-fix-right-first::after {
|
|
border-right: @table-border;
|
|
}
|
|
}
|
|
}
|
|
|
|
// ========================== Expandable ==========================
|
|
> table > tbody > tr > td {
|
|
> .@{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 {
|
|
> .@{table-prefix-cls}-container > .@{table-prefix-cls}-body {
|
|
> table > tbody {
|
|
> tr.@{table-prefix-cls}-expanded-row,
|
|
> tr.@{table-prefix-cls}-placeholder {
|
|
> td {
|
|
border-right: 0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// Size related
|
|
&.@{table-prefix-cls}-middle {
|
|
> .@{table-prefix-cls}-container {
|
|
> .@{table-prefix-cls}-content,
|
|
> .@{table-prefix-cls}-body {
|
|
> table > tbody > tr > td {
|
|
> .@{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}-container {
|
|
> .@{table-prefix-cls}-content,
|
|
> .@{table-prefix-cls}-body {
|
|
> table > tbody > tr > td {
|
|
> .@{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;
|
|
}
|
|
}
|
|
|
|
.@{table-prefix-cls}-cell {
|
|
// ============================ Nested ============================
|
|
.@{table-prefix-cls}-container:first-child {
|
|
// :first-child to avoid the case when bordered and title is set
|
|
border-top: 0;
|
|
}
|
|
|
|
&-scrollbar {
|
|
box-shadow: 0 @border-width-base 0 @border-width-base @table-header-bg;
|
|
}
|
|
}
|