123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136 |
- @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;
- }
- }
|