diff --git a/src/table/main.scss b/src/table/main.scss index bad6184201..09e78eac28 100644 --- a/src/table/main.scss +++ b/src/table/main.scss @@ -84,9 +84,18 @@ outline: 0; cursor: pointer; } - .#{$css-prefix}icon-arrow-down.#{$css-prefix}table-tree-arrow, .#{$css-prefix}icon-arrow-right.#{$css-prefix}table-tree-arrow { @include icon-size($table-tree-expanded-icon-size); + &::before { + content: $table-tree-fold-icon-content; + } + } + + .#{$css-prefix}icon-arrow-down.#{$css-prefix}table-tree-arrow { + @include icon-size($table-tree-expanded-icon-size); + &::before { + content: $table-tree-unfold-icon-content; + } } } &#{$table-prefix}-prerow #{$table-prefix}-cell-wrapper { diff --git a/src/table/scss/variable.scss b/src/table/scss/variable.scss index 20f1a03d7e..b296d800d2 100644 --- a/src/table/scss/variable.scss +++ b/src/table/scss/variable.scss @@ -140,3 +140,13 @@ $table-sort-color-current: $color-brand1-6 !default; /// expanded icon /// @namespace statement/disabled/body $table-expanded-ctrl-disabled-color: $color-text1-2 !default; + +/// tree fold icon +/// @namespace statement/normal +/// @type icon +$table-tree-fold-icon-content: $icon-content-arrow-right !default; + +/// tree unfold icon +/// @namespace statement/normal +/// @type icon +$table-tree-unfold-icon-content: $icon-content-arrow-down !default;