mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-06 02:15:35 +08:00
181 lines
3.9 KiB
Plaintext
181 lines
3.9 KiB
Plaintext
@import '../../style/themes/index';
|
|
@import '../../style/mixins/index';
|
|
|
|
@table-prefix-cls: ~'@{ant-prefix}-table';
|
|
@table-wrapepr-cls: ~'@{table-prefix-cls}-wrapper';
|
|
@table-wrapepr-rtl-cls: ~'@{table-prefix-cls}-wrapper-rtl';
|
|
|
|
.@{table-prefix-cls}-wrapper {
|
|
&-rtl {
|
|
direction: rtl;
|
|
}
|
|
}
|
|
|
|
.@{table-prefix-cls} {
|
|
&-rtl {
|
|
direction: rtl;
|
|
}
|
|
|
|
table {
|
|
.@{table-wrapepr-rtl-cls} & {
|
|
text-align: right;
|
|
}
|
|
}
|
|
|
|
// ============================ Header ============================
|
|
&-thead {
|
|
> tr {
|
|
> th {
|
|
&[colspan]:not([colspan='1']) {
|
|
.@{table-wrapepr-rtl-cls} & {
|
|
text-align: center;
|
|
}
|
|
}
|
|
|
|
.@{table-wrapepr-rtl-cls} & {
|
|
text-align: right;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// ============================= Body =============================
|
|
&-tbody {
|
|
> tr {
|
|
// ========================= Nest Table ===========================
|
|
.@{table-prefix-cls}-wrapper:only-child {
|
|
.@{table-prefix-cls}-rtl {
|
|
margin: -@table-padding-vertical (@table-padding-horizontal + ceil(@font-size-sm * 1.4)) -@table-padding-vertical -@table-padding-horizontal;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// ========================== Pagination ==========================
|
|
&-pagination {
|
|
.@{table-wrapepr-cls}.@{table-wrapepr-rtl-cls} & {
|
|
float: left;
|
|
}
|
|
|
|
&-left {
|
|
.@{table-wrapepr-cls}.@{table-wrapepr-rtl-cls} & {
|
|
float: left;
|
|
}
|
|
}
|
|
|
|
&-right {
|
|
.@{table-wrapepr-cls}.@{table-wrapepr-rtl-cls} & {
|
|
float: right;
|
|
}
|
|
}
|
|
|
|
&-center {
|
|
.@{table-wrapepr-cls}.@{table-wrapepr-rtl-cls} & {
|
|
float: initial;
|
|
text-align: center;
|
|
}
|
|
}
|
|
}
|
|
|
|
// ================================================================
|
|
// = Function =
|
|
// ================================================================
|
|
|
|
// ============================ Sorter ============================
|
|
&-column-sorter {
|
|
.@{table-wrapepr-rtl-cls} & {
|
|
margin-right: @padding-xs;
|
|
margin-left: 0;
|
|
}
|
|
}
|
|
|
|
// ============================ Filter ============================
|
|
&-filter-column-title {
|
|
.@{table-wrapepr-rtl-cls} & {
|
|
padding: @table-padding-vertical @table-padding-horizontal @table-padding-vertical 2.3em;
|
|
}
|
|
}
|
|
|
|
&-thead tr th.@{table-prefix-cls}-column-has-sorters {
|
|
.@{table-prefix-cls}-filter-column-title {
|
|
.@{table-prefix-cls}-rtl & {
|
|
padding: 0 0 0 2.3em;
|
|
}
|
|
}
|
|
}
|
|
|
|
&-filter-trigger-container {
|
|
.@{table-wrapepr-rtl-cls} & {
|
|
right: auto;
|
|
left: 0;
|
|
}
|
|
}
|
|
|
|
// Dropdown
|
|
&-filter-dropdown {
|
|
// Checkbox
|
|
&,
|
|
&-submenu {
|
|
.@{ant-prefix}-checkbox-wrapper + span {
|
|
.@{ant-prefix}-dropdown-rtl &,
|
|
.@{ant-prefix}-dropdown-menu-submenu-rtl& {
|
|
padding-right: 8px;
|
|
padding-left: 0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// ========================== Selections ==========================
|
|
&-selection {
|
|
.@{table-wrapepr-rtl-cls} & {
|
|
text-align: center;
|
|
}
|
|
|
|
&-extra {
|
|
.@{table-wrapepr-rtl-cls} & {
|
|
right: auto;
|
|
left: @table-selection-extra-right;
|
|
}
|
|
}
|
|
}
|
|
|
|
// ========================== Expandable ==========================
|
|
&-row-indent {
|
|
.@{table-wrapepr-rtl-cls} & {
|
|
float: right;
|
|
}
|
|
}
|
|
|
|
&-row-expand-icon {
|
|
.@{table-wrapepr-rtl-cls} & {
|
|
float: right;
|
|
}
|
|
|
|
.@{table-prefix-cls}-row-indent + & {
|
|
.@{table-wrapepr-rtl-cls} & {
|
|
margin-right: 0;
|
|
margin-left: @padding-xs;
|
|
}
|
|
}
|
|
|
|
&::after {
|
|
.@{table-wrapepr-rtl-cls} & {
|
|
transform: rotate(-90deg);
|
|
}
|
|
}
|
|
|
|
&-collapsed::before {
|
|
.@{table-wrapepr-rtl-cls} & {
|
|
transform: rotate(180deg);
|
|
}
|
|
}
|
|
|
|
&-collapsed::after {
|
|
.@{table-wrapepr-rtl-cls} & {
|
|
transform: rotate(0deg);
|
|
}
|
|
}
|
|
}
|
|
}
|