diff --git a/libs/angular-accelerator/src/lib/components/interactive-data-view/interactive-data-view.component.html b/libs/angular-accelerator/src/lib/components/interactive-data-view/interactive-data-view.component.html
index 7cc3d748..f4972c4d 100644
--- a/libs/angular-accelerator/src/lib/components/interactive-data-view/interactive-data-view.component.html
+++ b/libs/angular-accelerator/src/lib/components/interactive-data-view/interactive-data-view.component.html
@@ -6,6 +6,10 @@
       (dataViewLayoutChange)="onDataViewLayoutChange($event)"
     ></ocx-data-layout-selection>
 
+    <div *ngIf="topCenter">
+      <ng-container [ngTemplateOutlet]="topCenter"> </ng-container>
+    </div>
+
     <div *ngIf="layout !== 'table'" class="flex align-items-center gap-2">
       <ocx-data-list-grid-sorting
         [sortDirection]="sortDirection"
diff --git a/libs/angular-accelerator/src/lib/components/interactive-data-view/interactive-data-view.component.ts b/libs/angular-accelerator/src/lib/components/interactive-data-view/interactive-data-view.component.ts
index 3da45718..6197c85f 100644
--- a/libs/angular-accelerator/src/lib/components/interactive-data-view/interactive-data-view.component.ts
+++ b/libs/angular-accelerator/src/lib/components/interactive-data-view/interactive-data-view.component.ts
@@ -79,7 +79,8 @@ export class InteractiveDataViewComponent implements OnInit {
   @ContentChild('numberTableCell') numberTableCell: TemplateRef<any> | undefined
   @ContentChild('gridItem') gridItem: TemplateRef<any> | undefined
   @ContentChild('listItem') listItem: TemplateRef<any> | undefined
-
+  @ContentChild('topCenter') topCenter: TemplateRef<any> | undefined
+  
   @Output() filtered = new EventEmitter<Filter[]>()
   @Output() sorted = new EventEmitter<Sort>()
   @Output() deleteItem = new EventEmitter<RowListGridData>()