fix: sort active always empty

Dafnik · Nov 27, 2023 · af87569 · af87569
1 parent 422b524
commit af87569
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/libs/dfx-bootstrap-table/src/lib/sort/sort-header.ts b/libs/dfx-bootstrap-table/src/lib/sort/sort-header.ts
@@ -193,10 +193,6 @@ export class NgbSortHeader extends _NgbSortHeaderBase implements CanDisable, Ngb
     // of this single reference.
     super();
 
-    if (!this.id && this._columnDef) {
-      this.id = this._columnDef.name;
-    }
-
     if (defaultOptions?.arrowPosition) {
       this.arrowPosition = defaultOptions?.arrowPosition;
     }
@@ -205,6 +201,11 @@ export class NgbSortHeader extends _NgbSortHeaderBase implements CanDisable, Ngb
   }
 
   ngOnInit() {
+    if (!this.id && this._columnDef) {
+      this.id = this._columnDef.name.slice();
+      console.log(`const sort id "${this.id}"`)
+    }
+
     // Initialize the direction of the arrow and set the view state to be immediately that state.
     this._updateArrowDirection();
     this._setAnimationTransitionState({

diff --git a/libs/dfx-bootstrap-table/src/lib/sort/sort.ts b/libs/dfx-bootstrap-table/src/lib/sort/sort.ts
@@ -68,7 +68,7 @@ const _NgbSortBase = mixinInitialized(mixinDisabled(class {}));
 @Directive({
   selector: '[ngb-sort]',
   exportAs: 'ngbSort',
-  host: { class: 'ngb--sort' },
+  host: { class: 'ngb-sort' },
   inputs: ['disabled: ngbSortDisabled'],
 })
 export class NgbSort extends _NgbSortBase implements CanDisable, HasInitialized, OnChanges, OnDestroy, OnInit {