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