diff --git a/projects/components/src/table/table.component.ts b/projects/components/src/table/table.component.ts index e76ea56c8..fa46859e4 100644 --- a/projects/components/src/table/table.component.ts +++ b/projects/components/src/table/table.component.ts @@ -153,7 +153,7 @@ import { TableColumnConfigExtended, TableService } from './table.service'; selectable: this.supportsRowSelection() }" class="data-row" - [style.height]="this.rowHeight" + [style.minHeight]="this.rowHeight" > diff --git a/projects/observability/src/shared/dashboard/widgets/table/table-widget-base.model.ts b/projects/observability/src/shared/dashboard/widgets/table/table-widget-base.model.ts index 48cb851b1..07c0d417b 100644 --- a/projects/observability/src/shared/dashboard/widgets/table/table-widget-base.model.ts +++ b/projects/observability/src/shared/dashboard/widgets/table/table-widget-base.model.ts @@ -126,6 +126,13 @@ export abstract class TableWidgetBaseModel extends BaseModel { }) public resizable: boolean = true; + @ModelProperty({ + key: 'row-height', + displayName: 'Row Height', + type: STRING_PROPERTY.type + }) + public rowHeight: string = '44px'; + @ModelProperty({ key: 'loadingConfig', required: false, @@ -196,6 +203,10 @@ export abstract class TableWidgetBaseModel extends BaseModel { return this.resizable; } + public getRowHeight(): string { + return this.rowHeight; + } + public getLoadingConfig(): LoadAsyncConfig | undefined { return this.loadingConfig; } diff --git a/projects/observability/src/shared/dashboard/widgets/table/table-widget-renderer.component.ts b/projects/observability/src/shared/dashboard/widgets/table/table-widget-renderer.component.ts index 1e71d967f..6c9ef0fca 100644 --- a/projects/observability/src/shared/dashboard/widgets/table/table-widget-renderer.component.ts +++ b/projects/observability/src/shared/dashboard/widgets/table/table-widget-renderer.component.ts @@ -105,6 +105,7 @@ import { TableWidgetModel } from './table-widget.model'; [resizable]="this.api.model.isResizable()" [detailContent]="childDetail" [syncWithUrl]="this.syncWithUrl" + [rowHeight]="this.api.model.getRowHeight()" (rowClicked)="this.onRowClicked($event)" (selectionsChange)="this.onRowSelection($event)" (columnConfigsChange)="this.onColumnsChange($event)"