diff --git a/projects/flexmonster/angular/src/flat-table.component.ts b/projects/flexmonster/angular/src/flat-table.component.ts
index cd11e13..755bc09 100644
--- a/projects/flexmonster/angular/src/flat-table.component.ts
+++ b/projects/flexmonster/angular/src/flat-table.component.ts
@@ -21,6 +21,7 @@ import {
 export class FMFlatTable implements AfterViewInit, OnDestroy, IFMFlatTable {
   @Input() state: StateInputParams | undefined;
   @Input() options: IFMFlatTableOptionsInputParams | undefined;
+  @Input() name: string | undefined;
 
   protected root: HTMLElement;
   private _flatTable!: IFMFlatTable;
@@ -31,7 +32,7 @@ export class FMFlatTable implements AfterViewInit, OnDestroy, IFMFlatTable {
 
   ngAfterViewInit() {
     const container = this.root.getElementsByClassName('fm-ng-wrapper')[0] as HTMLElement;
-    this._flatTable = FlatTable(container, { state: this.state, options: this.options });
+    this._flatTable = FlatTable(container, { state: this.state, options: this.options, name: this.name });
   }
 
   ngOnDestroy() {
diff --git a/projects/flexmonster/angular/src/pivot-table.component.ts b/projects/flexmonster/angular/src/pivot-table.component.ts
index 704a1d1..d7e06b4 100644
--- a/projects/flexmonster/angular/src/pivot-table.component.ts
+++ b/projects/flexmonster/angular/src/pivot-table.component.ts
@@ -23,6 +23,7 @@ import {
 export class FMPivotTable implements AfterViewInit, OnDestroy, IFMPivotTable {
   @Input() state: StateInputParams | undefined;
   @Input() options: IFMPivotTableOptionsInputParams | undefined;
+  @Input() name: string | undefined;
 
   protected root: HTMLElement;
   private _pivotTable!: IFMPivotTable;
@@ -33,7 +34,7 @@ export class FMPivotTable implements AfterViewInit, OnDestroy, IFMPivotTable {
 
   ngAfterViewInit() {
     const container = this.root.getElementsByClassName('fm-ng-wrapper')[0] as HTMLElement;
-    this._pivotTable = PivotTable(container, { state: this.state, options: this.options });
+    this._pivotTable = PivotTable(container, { state: this.state, options: this.options, name: this.name });
   }
 
   ngOnDestroy() {
diff --git a/projects/flexmonster/angular/ssr/flat-table.component.ts b/projects/flexmonster/angular/ssr/flat-table.component.ts
index 6e0ced1..5a4fc6e 100644
--- a/projects/flexmonster/angular/ssr/flat-table.component.ts
+++ b/projects/flexmonster/angular/ssr/flat-table.component.ts
@@ -10,6 +10,7 @@ import { FMSsrBase } from './flexmonster-ssr-base.component';
 export class FMFlatTable extends FMSsrBase {
   @Input() state: StateInputParams | undefined;
   @Input() options: IFMFlatTableOptionsInputParams | undefined;
+  @Input() name: string | undefined;
 
   public flatTable!: IFMFlatTable;
 
@@ -20,6 +21,7 @@ export class FMFlatTable extends FMSsrBase {
       const ref = this.vcr.createComponent(FMFlatTable);
       ref.setInput('state', this.state);
       ref.setInput('options', this.options);
+      ref.setInput('name', this.name);
       ref.changeDetectorRef.detectChanges();
       this.flatTable = ref.instance;
     });
diff --git a/projects/flexmonster/angular/ssr/pivot-table.component.ts b/projects/flexmonster/angular/ssr/pivot-table.component.ts
index e8578e2..59b81d4 100644
--- a/projects/flexmonster/angular/ssr/pivot-table.component.ts
+++ b/projects/flexmonster/angular/ssr/pivot-table.component.ts
@@ -10,6 +10,7 @@ import { FMSsrBase } from './flexmonster-ssr-base.component';
 export class FMPivotTable extends FMSsrBase {
   @Input() state: StateInputParams | undefined;
   @Input() options: IFMPivotTableOptionsInputParams | undefined;
+  @Input() name: string | undefined;
 
   public pivotTable!: IFMPivotTable;
 
@@ -20,6 +21,7 @@ export class FMPivotTable extends FMSsrBase {
       const ref = this.vcr.createComponent(FMPivotTable);
       ref.setInput('state', this.state);
       ref.setInput('options', this.options);
+      ref.setInput('name', this.name);
       ref.changeDetectorRef.detectChanges();
       this.pivotTable = ref.instance;
     });