From 04340a5572d4e8740b884f84563f32f2653b59a4 Mon Sep 17 00:00:00 2001 From: gitadmin Date: Mon, 27 Oct 2025 17:17:02 +0000 Subject: [PATCH] Fix issue with sorting --- src/app/param/table/param-table.component.ts | 19 +++++++++++++++---- 1 file changed, 15 insertions(+), 4 deletions(-) diff --git a/src/app/param/table/param-table.component.ts b/src/app/param/table/param-table.component.ts index 7f31f25..5771dc0 100644 --- a/src/app/param/table/param-table.component.ts +++ b/src/app/param/table/param-table.component.ts @@ -25,8 +25,8 @@ import { finalize } from 'rxjs'; styleUrl: './param-table.component.scss' }) export class ParamTableComponent { - @ViewChild(MatPaginator) paginator!: MatPaginator; - @ViewChild(MatSort) sort!: MatSort; + //@ViewChild(MatPaginator) paginator!: MatPaginator; + //@ViewChild(MatSort) sort!: MatSort; @Input() table_mode: TABLE_MODE = 'TABLE-RECORD'; @Input() paramHeading: string = 'Table Records'; @@ -54,6 +54,17 @@ export class ParamTableComponent { private notificationService = inject(NotificationService); dataSource = new MatTableDataSource([]); + + @ViewChild(MatPaginator, { static: false }) + set paginator(value: MatPaginator) { + this.dataSource.paginator = value; + } + + @ViewChild(MatSort, { static: false }) + set sort(value: MatSort) { + this.dataSource.sort = value; + } + paramForm: FormGroup; ngAfterViewInit() { @@ -62,8 +73,8 @@ export class ParamTableComponent { this.dataSource.data = this.paramData; } - displayedColumns: string[] = ['ParamType', 'ParamDesc', 'paramvalue', 'addlparamvalue1', 'addlparamvalue2', 'addlparamvalue3', - 'addlparamvalue4', 'addlparamvalue5', 'actions']; + displayedColumns: string[] = ['paramType', 'paramDesc', 'paramValue', 'addlParamValue1', 'addlParamValue2', 'addlParamValue3', + 'addlParamValue4', 'addlParamValue5', 'actions']; formControls: any = {};