diff --git a/libs/ui/src/lib/holdings-table/holdings-table.component.html b/libs/ui/src/lib/holdings-table/holdings-table.component.html
index 8ca18e09a..f81ae738d 100644
--- a/libs/ui/src/lib/holdings-table/holdings-table.component.html
+++ b/libs/ui/src/lib/holdings-table/holdings-table.component.html
@@ -177,9 +177,9 @@
-
+
();
- public displayedColumns: string[] = [];
public ignoreAssetSubClasses = [AssetSubClass.CASH];
public routeQueryParams: Subscription;
@@ -75,28 +74,33 @@ export class GfHoldingsTableComponent implements OnChanges, OnDestroy {
return dataSource;
});
- protected readonly isLoading = computed(() => !this.holdings());
-
- private readonly unsubscribeSubject = new Subject();
-
- public ngOnChanges() {
- this.displayedColumns = ['icon', 'nameWithSymbol', 'dateOfFirstActivity'];
+ protected readonly displayedColumns = computed(() => {
+ const columns = ['icon', 'nameWithSymbol', 'dateOfFirstActivity'];
if (this.hasPermissionToShowQuantities()) {
- this.displayedColumns.push('quantity');
+ columns.push('quantity');
}
if (this.hasPermissionToShowValues()) {
- this.displayedColumns.push('valueInBaseCurrency');
+ columns.push('valueInBaseCurrency');
}
- this.displayedColumns.push('allocationInPercentage');
+ columns.push('allocationInPercentage');
if (this.hasPermissionToShowValues()) {
- this.displayedColumns.push('performance');
+ columns.push('performance');
}
- this.displayedColumns.push('performanceInPercentage');
+ columns.push('performanceInPercentage');
+ return columns;
+ });
+
+ protected readonly isLoading = computed(() => !this.holdings());
+
+ private readonly unsubscribeSubject = new Subject();
+
+ public ngOnChanges() {
+ return;
}
public onOpenHoldingDialog({ dataSource, symbol }: AssetProfileIdentifier) {