fix: fix failed to add class dynamically from ngx-gantt-column compon…

…ent (#340)
worktile · Mar 28, 2023 · 1c66611 · 1c66611
1 parent 13fff38
commit 1c66611
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 3 deletions.
diff --git a/packages/gantt/src/components/table/body/gantt-table-body.component.html b/packages/gantt/src/components/table/body/gantt-table-body.component.html
@@ -52,7 +52,7 @@
           [ngTemplateOutletContext]="{ $implicit: item.origin, item: item.origin }"
         ></ng-template>
 
-        <div class="gantt-table-column" *ngFor="let column of columns; let first = first" [style.width]="column.columnWidth">
+        <div [classList]="column.classList" *ngFor="let column of columns; let first = first" [style.width]="column.columnWidth">
           <!-- drag icon -->
           <gantt-icon
             *ngIf="first && draggable"

diff --git a/packages/gantt/src/components/table/body/gantt-table-body.component.ts b/packages/gantt/src/components/table/body/gantt-table-body.component.ts
@@ -106,7 +106,6 @@ export class GanttTableBodyComponent implements OnInit, OnDestroy, AfterViewInit
         this.columns.changes.pipe(startWith(this.columns), takeUntil(this.destroy$)).subscribe(() => {
             this.hasExpandIcon = false;
             this.columns.forEach((column) => {
-                // column.classList.add('gantt-table-column');
                 if (!column.columnWidth) {
                     column.columnWidth = coerceCssPixelValue(defaultColumnWidth);
                 }

diff --git a/packages/gantt/src/table/gantt-column.component.ts b/packages/gantt/src/table/gantt-column.component.ts
@@ -3,7 +3,10 @@ import { coerceCssPixelValue } from '@angular/cdk/coercion';
 import { GanttUpper, GANTT_UPPER_TOKEN } from '../gantt-upper';
 @Component({
     selector: 'ngx-gantt-column',
-    template: ''
+    template: '',
+    host: {
+        class: 'gantt-table-column'
+    }
 })
 export class NgxGanttTableColumnComponent {
     public columnWidth: string;