mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-05 09:49:57 +08:00
f9f3a0e604
close #35577
137 lines
3.8 KiB
Plaintext
137 lines
3.8 KiB
Plaintext
@import './size';
|
|
@import (reference) '../../style/themes/index';
|
|
@table-prefix-cls: ~'@{ant-prefix}-table';
|
|
|
|
@table-border: @border-width-base @border-style-base @table-border-color;
|
|
|
|
.@{table-prefix-cls}.@{table-prefix-cls}-bordered {
|
|
// ============================ Title =============================
|
|
> .@{table-prefix-cls}-title {
|
|
border: @table-border;
|
|
border-bottom: 0;
|
|
}
|
|
|
|
> .@{table-prefix-cls}-container {
|
|
// ============================ Content ============================
|
|
border-left: @table-border;
|
|
|
|
> .@{table-prefix-cls}-content,
|
|
> .@{table-prefix-cls}-header,
|
|
> .@{table-prefix-cls}-body,
|
|
> .@{table-prefix-cls}-summary {
|
|
> 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 @table-border-color;
|
|
}
|
|
|
|
> tr > th {
|
|
&::before {
|
|
background-color: transparent !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
// 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}-content,
|
|
> .@{table-prefix-cls}-header {
|
|
> table {
|
|
border-top: @table-border;
|
|
}
|
|
}
|
|
}
|
|
|
|
&.@{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;
|
|
}
|
|
|
|
// https://github.com/ant-design/ant-design/issues/35577
|
|
&-scrollbar:not([rowspan]) {
|
|
box-shadow: 0 @border-width-base 0 @border-width-base @table-header-bg;
|
|
}
|
|
}
|