feat(addon-table): add requiredSort option to table (#9487)

Co-authored-by: 40oleg <[email protected]> Co-authored-by: Alexey Zezin <[email protected]>
taiga-family · Oct 18, 2024 · f2929c5 · f2929c5
1 parent 086bda4
commit f2929c5
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 1 deletion.
diff --git a/projects/addon-table/components/table/table.options.ts b/projects/addon-table/components/table/table.options.ts
@@ -4,6 +4,7 @@ import {TuiSizeL, TuiSizeS} from '@taiga-ui/core';
 
 export interface TuiTableOptions {
     readonly direction: -1 | 1;
+    readonly requiredSort: boolean;
     readonly open: boolean;
     readonly resizable: boolean;
     readonly size: TuiSizeL | TuiSizeS;
@@ -21,6 +22,7 @@ export const TUI_TABLE_DEFAULT_OPTIONS: TuiTableOptions = {
     open: true,
     size: 'm',
     direction: 1,
+    requiredSort: false,
     sortIcons: {
         asc: 'tuiIconSortAscending',
         desc: 'tuiIconSortDescending',

diff --git a/projects/addon-table/components/table/th/th.component.ts b/projects/addon-table/components/table/th/th.component.ts
@@ -41,6 +41,9 @@ export class TuiThComponent<T extends Partial<Record<keyof T, any>>> {
     @HostBinding('class._sticky')
     sticky = this.options.sticky;
 
+    @Input()
+    requiredSort = this.options.requiredSort;
+
     @HostBinding('style.width.px')
     width: number | null = null;
 
@@ -77,8 +80,10 @@ export class TuiThComponent<T extends Partial<Record<keyof T, any>>> {
     }
 
     updateSorterAndDirection(): void {
+        const sorter = this.requiredSort ? this.sorter : null;
+
         this.table?.updateSorterAndDirection(
-            this.isCurrentAndAscDirection ? null : this.sorter,
+            this.isCurrentAndAscDirection ? sorter : this.sorter,
         );
     }
 

diff --git a/projects/demo/src/modules/tables/table/examples/4/index.html b/projects/demo/src/modules/tables/table/examples/4/index.html
@@ -68,6 +68,7 @@
                     *tuiHead="'age'"
                     tuiSortable
                     tuiTh
+                    [requiredSort]="true"
                 >
                     Age
                 </th>
-Original file line number
+Diff line change
@@ Expand Up / @@ -68,6 +68,7 @@ @@
                         *tuiHead="'age'"
                         tuiSortable
                         tuiTh
+                        [requiredSort]="true"
                     >
                         Age
                     </th>
@@ Expand Down @@