diff --git a/apps/red-ui/src/app/modules/dossier/screens/dossier-overview-screen/dossier-overview-screen.component.ts b/apps/red-ui/src/app/modules/dossier/screens/dossier-overview-screen/dossier-overview-screen.component.ts index 5019caa4d..fadcde307 100644 --- a/apps/red-ui/src/app/modules/dossier/screens/dossier-overview-screen/dossier-overview-screen.component.ts +++ b/apps/red-ui/src/app/modules/dossier/screens/dossier-overview-screen/dossier-overview-screen.component.ts @@ -254,24 +254,14 @@ export class DossierOverviewScreenComponent extends ListingComponent[] = []; - for (const config of this.displayedInFileListAttributes) { - if (config.displayedInFileList) { - dynamicColumns.push({ label: config.label, notTranslatable: true }); - } - } - this.tableColumnConfigs = [this.tableColumnConfigs[0], ...dynamicColumns, ...this.tableColumnConfigs.slice(1)]; - this.dynamicColumnsCount = dynamicColumns.length; - this.updateGridColumns(); - } - updateGridColumns($event = null) { - const element = this._elementRef.nativeElement.querySelector('.cdk-virtual-scroll-content-wrapper'); - const gridTemplateColumns = `auto 3fr repeat(${this.dynamicColumnsCount}, 1fr) 2fr 1fr 2fr 1fr auto ${ - $event?.type === 'mouseenter' ? '' : '11px' - }`; - this._renderer.setStyle(element, 'grid-template-columns', gridTemplateColumns); + if (this.dynamicColumnsCount) { + const element = this._elementRef.nativeElement.querySelector('.cdk-virtual-scroll-content-wrapper'); + const gridTemplateColumns = `auto 3fr repeat(${this.dynamicColumnsCount}, 1fr) 2fr 1fr 2fr 1fr auto ${ + $event?.type === 'mouseenter' ? '' : '11px' + }`; + this._renderer.setStyle(element, 'grid-template-columns', gridTemplateColumns); + } } get displayedInFileListAttributes() {