diff --git a/projects/components/table/public_api.ts b/projects/components/table/public_api.ts
index 8dff423d..fff65f44 100644
--- a/projects/components/table/public_api.ts
+++ b/projects/components/table/public_api.ts
@@ -14,6 +14,7 @@ export {
   PsTableTopButtonSectionDirective,
 } from './src/directives/table.directives';
 export { PsTableMemoryStateManager, PsTableStateManager, PsTableUrlStateManager } from './src/helper/state-manager';
+export { PsTableActionStoreBase, PsTableActionStore } from './src/helper/action-store';
 export { IExtendedPsTableUpdateDataInfo, IPsTableAction, IPsTableSortDefinition, IPsTableUpdateDataInfo } from './src/models';
 export { IPsTableSetting, PsTableSettingsService } from './src/services/table-settings.service';
 export { PsTableComponent } from './src/table.component';
diff --git a/projects/components/table/src/data/table-data-source.ts b/projects/components/table/src/data/table-data-source.ts
index 9baefa33..41117def 100644
--- a/projects/components/table/src/data/table-data-source.ts
+++ b/projects/components/table/src/data/table-data-source.ts
@@ -1,9 +1,12 @@
 import { DataSource, SelectionModel } from '@angular/cdk/collections';
 import { TrackByFunction } from '@angular/core';
-import { BehaviorSubject, NEVER, Observable, of, Subject, Subscription } from 'rxjs';
+import { BehaviorSubject, isObservable, NEVER, Observable, of, Subject, Subscription } from 'rxjs';
 import { catchError, finalize, map, take, tap } from 'rxjs/operators';
+import { PsTableActionStore, PsTableActionStoreBase } from '../helper/action-store';
+
 import { _isNumberValue } from '../helper/table.helper';
-import { IExtendedPsTableUpdateDataInfo, IPsTableAction, IPsTableUpdateDataInfo, PsTableActionScope } from '../models';
+import { IExtendedPsTableUpdateDataInfo, IPsTableAction, IPsTableUpdateDataInfo, PsTableAction, PsTableActionScope } from '../models';
+
 /**
  * Corresponds to `Number.MAX_SAFE_INTEGER`. Moved out into a variable here due to
  * flaky browser support and the value not being defined in Closure's typings.
@@ -13,7 +16,7 @@ const MAX_SAFE_INTEGER = 9007199254740991;
 export interface PsTableDataSourceOptions<TData, TTrigger = any> {
   loadTrigger$?: Observable<TTrigger>;
   loadDataFn: (updateInfo: IExtendedPsTableUpdateDataInfo<TTrigger>) => Observable<TData[] | IPsTableFilterResult<TData>>;
-  actions?: IPsTableAction<TData>[];
+  actions?: IPsTableAction<TData>[] | Observable<IPsTableAction<TData>[]>;
   mode?: PsTableMode;
   moreMenuThreshold?: number;
 }
@@ -86,18 +89,29 @@ export class PsTableDataSource<T, TTrigger = any> extends DataSource<T> {
   public readonly mode: PsTableMode;
 
   /** List of actions which can be executed for a single row */
-  public readonly rowActions: IPsTableAction<T>[];
+  public get rowActions(): PsTableAction<T>[] {
+    return this._rowActions || [];
+  }
+  private _rowActions: PsTableAction<T>[];
 
   /** List of actions which can be executed for a selection of rows */
-  public readonly listActions: IPsTableAction<T>[];
+  public get listActions(): PsTableAction<T>[] {
+    return this._listActions || [];
+  }
+  private _listActions: PsTableAction<T>[];
 
   public readonly moreMenuThreshold: number;
 
+  /** Stores table actions.*/
+  private readonly _store: PsTableActionStoreBase<T> = new PsTableActionStore<T>();
+
   /** Stream that emits when a new data array is set on the data source. */
   private readonly _updateDataTrigger$: Observable<any>;
 
   private readonly _loadData: (updateInfo: IExtendedPsTableUpdateDataInfo<TTrigger>) => Observable<T[] | IPsTableFilterResult<T>>;
 
+  private readonly _actions: IPsTableAction<T>[] | Observable<IPsTableAction<T>[]>;
+
   /** Stream that emits when a new data array is set on the data source. */
   private readonly _data: BehaviorSubject<T[]> = new BehaviorSubject<T[]>([]);
 
@@ -109,6 +123,11 @@ export class PsTableDataSource<T, TTrigger = any> extends DataSource<T> {
 
   private _lastLoadTriggerData: TTrigger = null;
 
+  /**
+   * Subscription to the result of the _actions observable.
+   */
+  private _loadActionsSubscription = Subscription.EMPTY;
+
   /**
    * Subscription to the result of the loadData function.
    */
@@ -143,10 +162,7 @@ export class PsTableDataSource<T, TTrigger = any> extends DataSource<T> {
       'loadDataFn' in optionsOrLoadDataFn ? optionsOrLoadDataFn : { loadDataFn: optionsOrLoadDataFn, actions: [], mode: mode };
 
     this.mode = options.mode || 'client';
-    // tslint:disable-next-line:no-bitwise
-    this.rowActions = options.actions?.filter((a) => a.scope & PsTableActionScope.row) || [];
-    // tslint:disable-next-line:no-bitwise
-    this.listActions = options.actions?.filter((a) => a.scope & PsTableActionScope.list) || [];
+    this._actions = options.actions;
     this._updateDataTrigger$ = options.loadTrigger$ || NEVER;
     this._loadData = options.loadDataFn;
     this.moreMenuThreshold = options.moreMenuThreshold ?? 3;
@@ -298,6 +314,30 @@ export class PsTableDataSource<T, TTrigger = any> extends DataSource<T> {
     return data;
   }
 
+  public updateActions(): void {
+    if (!this._actions) {
+      return;
+    }
+
+    const setActions = (actions: PsTableAction<T>[]) => {
+      this._rowActions = actions?.filter((a) => a.scope & PsTableActionScope.row) || [];
+      this._listActions = actions?.filter((a) => a.scope & PsTableActionScope.list) || [];
+    };
+
+    if (Array.isArray(this._actions) && this._actions.length) {
+      setActions(this._actions.map((x) => this._store.get(x)));
+    } else if (isObservable(this._actions)) {
+      this._loadActionsSubscription?.unsubscribe();
+      this._loadActionsSubscription = this._actions
+        .pipe(
+          take(1),
+          map((x) => x.map((y) => this._store.get(y))),
+          finalize(() => this._internalDetectChanges.next())
+        )
+        .subscribe((actions) => setActions(actions));
+    }
+  }
+
   /**
    * Reloads the data
    */
@@ -371,6 +411,7 @@ export class PsTableDataSource<T, TTrigger = any> extends DataSource<T> {
       this._lastLoadTriggerData = data;
       this.updateData();
     });
+    this.updateActions();
     return this._renderData;
   }
 
@@ -382,6 +423,7 @@ export class PsTableDataSource<T, TTrigger = any> extends DataSource<T> {
     this._renderChangesSubscription.unsubscribe();
     this._updateDataTriggerSub.unsubscribe();
     this._loadDataSubscription.unsubscribe();
+    this._loadActionsSubscription.unsubscribe();
   }
 
   /**
diff --git a/projects/components/table/src/helper/action-store.spec.ts b/projects/components/table/src/helper/action-store.spec.ts
new file mode 100644
index 00000000..e69de29b
diff --git a/projects/components/table/src/helper/action-store.ts b/projects/components/table/src/helper/action-store.ts
new file mode 100644
index 00000000..de70513d
--- /dev/null
+++ b/projects/components/table/src/helper/action-store.ts
@@ -0,0 +1,28 @@
+import { IPsTableAction, PsTableAction } from '../../src/models';
+
+export abstract class PsTableActionStoreBase<T> {
+  abstract get(declaration: IPsTableAction<T>): PsTableAction<T>;
+}
+
+export class PsTableActionStore<T> extends PsTableActionStoreBase<T> {
+  private readonly _store = new WeakMap<IPsTableAction<T>, PsTableAction<T>>();
+
+  /**
+   * Gets the existing PsTableAction object by the declaration (IPsTableAction<T>) from the store or creates a new one.
+   *
+   * Because actions can have observables as children, we cannot create for each declaration the coresponding PsTableAction<T> at the beginning.
+   * This forces us to create the PsTableAction<T> dynamicly. But we do not want to execute the same observables multiple times, so we cache them.
+   * Otherwise the observable would be executed for each row.
+   *
+   * @param declaration Action declaration information
+   * @returns Existing or new PsTableAction
+   */
+  public get(declaration: IPsTableAction<T>): PsTableAction<T> {
+    if (!this._store.has(declaration)) {
+      const action = new PsTableAction<T>(declaration, this);
+      this._store.set(declaration, action);
+    }
+
+    return this._store.get(declaration);
+  }
+}
diff --git a/projects/components/table/src/models.ts b/projects/components/table/src/models.ts
index eceb8336..481206ca 100644
--- a/projects/components/table/src/models.ts
+++ b/projects/components/table/src/models.ts
@@ -1,3 +1,7 @@
+import { isObservable, Observable, of } from 'rxjs';
+import { map, shareReplay, switchMap, tap } from 'rxjs/operators';
+import { PsTableActionStoreBase } from './helper/action-store';
+
 export interface IPsTableSortDefinition {
   prop: string;
   displayName: string;
@@ -17,7 +21,7 @@ export interface IExtendedPsTableUpdateDataInfo<TTrigger> extends IPsTableUpdate
   triggerData: TTrigger;
 }
 
-export const enum PsTableActionScope {
+export enum PsTableActionScope {
   row = 1,
   list = 2,
   // tslint:disable-next-line:no-bitwise
@@ -27,10 +31,64 @@ export const enum PsTableActionScope {
 export interface IPsTableAction<T> {
   label: string;
   icon: string;
+  isSvgIcon?: boolean;
   iconColor?: string;
-  children?: IPsTableAction<T>[];
+  children?: IPsTableAction<T>[] | Observable<IPsTableAction<T>[]>;
   scope: PsTableActionScope;
   isDisabledFn?: (items: T[]) => boolean;
   isHiddenFn?: (items: T[]) => boolean;
   actionFn?: (items: T[]) => void;
+  routerLink?: (item: T) => [];
+  routerLinkQueryParams?: (item: T) => { [key: string]: any };
+}
+
+export class PsTableAction<T> {
+  public readonly label: string;
+  public readonly icon: string;
+  public readonly isSvgIcon: boolean;
+  public readonly iconColor?: string;
+  public readonly scope: PsTableActionScope;
+  public readonly isDisabledFn?: (items: T[]) => boolean;
+  public readonly isHiddenFn?: (items: T[]) => boolean;
+  public readonly actionFn?: (items: T[]) => void;
+  public readonly isObservable: boolean;
+  public readonly hasChildren: boolean;
+  public readonly routerLink?: (item: T) => string[];
+  public readonly routerLinkQueryParams?: (item: T) => { [key: string]: any };
+  public children$: Observable<PsTableAction<T>[]>;
+
+  public get isLoading(): boolean {
+    return this._isLoading;
+  }
+  private _isLoading = false;
+
+  constructor(declaration: IPsTableAction<T>, store: PsTableActionStoreBase<T>) {
+    this.label = declaration.label;
+    this.icon = declaration.icon;
+    this.isSvgIcon = declaration.isSvgIcon === true;
+    this.iconColor = declaration.iconColor;
+    this.scope = declaration.scope;
+    this.isDisabledFn = declaration.isDisabledFn;
+    this.isHiddenFn = declaration.isHiddenFn;
+    this.actionFn = declaration.actionFn;
+    this.routerLink = declaration.routerLink;
+    this.routerLinkQueryParams = declaration.routerLinkQueryParams;
+
+    this.isObservable = isObservable(declaration.children);
+    this.hasChildren = Array.isArray(declaration.children) || this.isObservable;
+
+    if (this.hasChildren) {
+      this.children$ = isObservable(declaration.children)
+        ? of(void 0).pipe(
+            tap(() => (this._isLoading = true)),
+            switchMap(() => declaration.children as Observable<IPsTableAction<T>[]>),
+            tap(() => (this._isLoading = false)),
+            shareReplay({ bufferSize: 1, refCount: false }),
+            map((x) => x.map((y) => store.get(y) as PsTableAction<T>) || [])
+          )
+        : of(declaration.children.map((x) => store.get(x) as PsTableAction<T>));
+    } else {
+      this.children$ = of([]);
+    }
+  }
 }
diff --git a/projects/components/table/src/pipes/table-actions-to-render.pipe.ts b/projects/components/table/src/pipes/table-actions-to-render.pipe.ts
index 47d7044c..f85bdcf5 100644
--- a/projects/components/table/src/pipes/table-actions-to-render.pipe.ts
+++ b/projects/components/table/src/pipes/table-actions-to-render.pipe.ts
@@ -1,5 +1,6 @@
 import { Pipe, PipeTransform } from '@angular/core';
-import { IPsTableAction } from '../models';
+
+import { PsTableAction } from '../models';
 
 /**
  * Filters out hidden actions
@@ -9,8 +10,8 @@ import { IPsTableAction } from '../models';
   pure: true,
 })
 export class PsTableActionsToRenderPipe implements PipeTransform {
-  transform<T>(actions: IPsTableAction<T>[], ...args: [T | T[]]): any {
+  transform<T>(actions: PsTableAction<T>[], ...args: [T | T[]]): any {
     const elements = Array.isArray(args[0]) ? args[0] : [args[0]];
-    return actions.filter((a) => !a.isHiddenFn || !a.isHiddenFn(elements));
+    return actions?.filter((a) => !a.isHiddenFn || !a.isHiddenFn(elements)) || [];
   }
 }
diff --git a/projects/components/table/src/subcomponents/table-actions.component.html b/projects/components/table/src/subcomponents/table-actions.component.html
index 540f2343..3941652b 100644
--- a/projects/components/table/src/subcomponents/table-actions.component.html
+++ b/projects/components/table/src/subcomponents/table-actions.component.html
@@ -5,21 +5,40 @@
 <mat-menu #menu>
   <ng-template matMenuContent>
     <ng-container *ngFor="let action of actions">
-      <button
-        *ngIf="!action.children; else branch"
-        mat-menu-item
-        [disabled]="action.isDisabledFn && action.isDisabledFn(items)"
-        (click)="action.actionFn(items)"
-      >
-        <mat-icon [style.color]="action.iconColor">{{ action.icon }}</mat-icon>
-        {{ action.label }}
-      </button>
+      <ng-container *ngIf="action.isLoading || !action.hasChildren; else branch">
+        <a
+          *ngIf="action.routerLink && scope === psTableActionScopes.row; else actionButton"
+          mat-menu-item
+          [disabled]="action.isLoading || (action.isDisabledFn && action.isDisabledFn(items))"
+          [routerLink]="action.routerLink(items[0])"
+          [queryParams]="(action.routerLinkQueryParams && action.routerLinkQueryParams(items[0])) || undefined"
+        >
+          <ng-container [ngTemplateOutlet]="actionIcon" [ngTemplateOutletContext]="{ $implicit: action }"></ng-container>
+          {{ action.label }}
+        </a>
+        <ng-template #actionButton>
+          <button
+            *ngIf="action.isLoading || !action.hasChildren; else branch"
+            mat-menu-item
+            [disabled]="action.isLoading || (action.isDisabledFn && action.isDisabledFn(items))"
+            (click)="action.actionFn && action.actionFn(items)"
+          >
+            <ng-container [ngTemplateOutlet]="actionIcon" [ngTemplateOutletContext]="{ $implicit: action }"></ng-container>
+            {{ action.label }}
+          </button>
+        </ng-template>
+      </ng-container>
       <ng-template #branch>
         <button mat-menu-item [matMenuTriggerFor]="innerPanel.menu">
-          <mat-icon [style.color]="action.iconColor">{{ action.icon }}</mat-icon>
+          <ng-container [ngTemplateOutlet]="actionIcon" [ngTemplateOutletContext]="{ $implicit: action }"></ng-container>
           {{ action.label }}
         </button>
-        <ps-table-actions #innerPanel [actions]="action.children | psTableActionsToRender: items" [items]="items"></ps-table-actions>
+        <ps-table-actions
+          #innerPanel
+          [actions]="action.children$ | async | psTableActionsToRender: items"
+          [items]="items"
+          [scope]="scope"
+        ></ps-table-actions>
       </ng-template>
     </ng-container>
     <!-- ng-content is deprecated here, as it doesn't work correctly, if it contains a mat-menu-item with a child met-menu -->
@@ -34,3 +53,11 @@
     </button>
   </ng-template>
 </mat-menu>
+
+<ng-template #actionIcon let-action>
+  <mat-icon *ngIf="!action.isLoading && !action.isSvgIcon" [style.color]="action.iconColor">{{ action.icon }}</mat-icon>
+  <mat-icon *ngIf="!action.isLoading && action.isSvgIcon" [style.color]="action.iconColor" [svgIcon]="action.icon"></mat-icon>
+  <mat-icon *ngIf="action.isLoading">
+    <mat-spinner mode="indeterminate" diameter="24"></mat-spinner>
+  </mat-icon>
+</ng-template>
diff --git a/projects/components/table/src/subcomponents/table-actions.component.ts b/projects/components/table/src/subcomponents/table-actions.component.ts
index abc36df0..47b41ad4 100644
--- a/projects/components/table/src/subcomponents/table-actions.component.ts
+++ b/projects/components/table/src/subcomponents/table-actions.component.ts
@@ -1,22 +1,51 @@
-import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, EventEmitter, Input, OnDestroy, Output, ViewChild } from '@angular/core';
 import { MatMenu } from '@angular/material/menu';
 import { IPsTableIntlTexts } from '@prosoft/components/core';
-import { IPsTableAction } from '../models';
+import { merge, Subscription } from 'rxjs';
+import { tap } from 'rxjs/operators';
+
+import { PsTableAction, PsTableActionScope } from '../models';
 
 @Component({
   selector: 'ps-table-actions',
   templateUrl: './table-actions.component.html',
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class PsTableActionsComponent {
-  @Input() public actions: IPsTableAction<unknown>[];
+export class PsTableActionsComponent implements OnDestroy {
+  @Input()
+  public get actions(): PsTableAction<unknown>[] {
+    return this._actions;
+  }
+  public set actions(value: PsTableAction<unknown>[]) {
+    this._actions = value || [];
+    this._subscription?.unsubscribe();
+    const observables = this.actions?.filter((x) => x.isObservable).map((x) => x.children$);
+
+    if (observables) {
+      this._subscription = merge(observables)
+        .pipe(tap(() => this.cd.markForCheck()))
+        .subscribe();
+    }
+  }
+  private _actions: PsTableAction<unknown>[];
   @Input() public items: unknown[];
   @Input() public refreshable: boolean;
   @Input() public settingsEnabled: boolean;
   @Input() public intl: IPsTableIntlTexts;
+  @Input() public scope: PsTableActionScope;
+
+  public psTableActionScopes = PsTableActionScope;
 
   @Output() public refreshData = new EventEmitter<void>();
   @Output() public showSettings = new EventEmitter<void>();
 
   @ViewChild('menu', { static: true }) menu: MatMenu;
+
+  private _subscription: Subscription = Subscription.EMPTY;
+
+  constructor(private cd: ChangeDetectorRef) {}
+
+  public ngOnDestroy(): void {
+    this._subscription?.unsubscribe();
+  }
 }
diff --git a/projects/components/table/src/subcomponents/table-data.component.html b/projects/components/table/src/subcomponents/table-data.component.html
index 18850548..4c96e8bb 100644
--- a/projects/components/table/src/subcomponents/table-data.component.html
+++ b/projects/components/table/src/subcomponents/table-data.component.html
@@ -5,7 +5,7 @@
       <mat-checkbox (change)="onMasterToggleChange()" [checked]="isMasterToggleChecked()" [indeterminate]="isMasterToggleIndeterminate()">
       </mat-checkbox>
     </th>
-    <td mat-cell *matCellDef="let row" style="width: 55px;">
+    <td mat-cell *matCellDef="let row" style="width: 55px">
       <mat-checkbox (click)="$event.stopPropagation()" (change)="onRowToggleChange(row)" [checked]="isRowSelected(row)"> </mat-checkbox>
     </td>
   </ng-container>
@@ -13,7 +13,7 @@
   <!-- Row Detail Expander Column-->
   <ng-container matColumnDef="rowDetailExpander">
     <th mat-header-cell *matHeaderCellDef></th>
-    <td mat-cell *matCellDef="let row" style="width: 70px;">
+    <td mat-cell *matCellDef="let row" style="width: 70px">
       <button *ngIf="showRowDetails(row)" mat-icon-button color="primary" type="button" (click)="toggleRowDetail(row)">
         <mat-icon>{{ rowDetail.isExpanded(row) ? 'expand_more' : 'chevron_right' }}</mat-icon>
       </button>
@@ -57,6 +57,7 @@
           [refreshable]="refreshable"
           [settingsEnabled]="settingsEnabled"
           [intl]="intl"
+          [scope]="psTableActionScopes.list"
           (refreshData)="onRefreshDataClicked()"
           (showSettings)="onShowSettingsClicked()"
         >
diff --git a/projects/components/table/src/subcomponents/table-data.component.ts b/projects/components/table/src/subcomponents/table-data.component.ts
index ed2c1a93..e44679a0 100644
--- a/projects/components/table/src/subcomponents/table-data.component.ts
+++ b/projects/components/table/src/subcomponents/table-data.component.ts
@@ -14,6 +14,7 @@ import { IPsTableIntlTexts } from '@prosoft/components/core';
 import { PsTableDataSource } from '../data/table-data-source';
 import { PsTableColumnDirective, PsTableRowDetailDirective } from '../directives/table.directives';
 import { Subscription } from 'rxjs';
+import { PsTableActionScope } from '../models';
 
 @Component({
   selector: 'ps-table-data',
@@ -42,6 +43,8 @@ export class PsTableDataComponent implements OnChanges {
    */
   @Input() public listActions: TemplateRef<any> | null = null;
 
+  public psTableActionScopes = PsTableActionScope;
+
   @Output() public showSettingsClicked = new EventEmitter<void>();
   @Output() public refreshDataClicked = new EventEmitter<void>();
 
diff --git a/projects/components/table/src/subcomponents/table-row-actions.component.html b/projects/components/table/src/subcomponents/table-row-actions.component.html
index 7f9f136d..a3df9e3e 100644
--- a/projects/components/table/src/subcomponents/table-row-actions.component.html
+++ b/projects/components/table/src/subcomponents/table-row-actions.component.html
@@ -3,7 +3,7 @@
     <button mat-icon-button type="button" [matMenuTriggerFor]="rowActionsComponent.menu">
       <mat-icon>more_vert</mat-icon>
     </button>
-    <ps-table-actions #rowActionsComponent [actions]="actions" [items]="itemAsArray">
+    <ps-table-actions #rowActionsComponent [actions]="actions" [items]="itemAsArray" [scope]="psTableActionScopes.row">
       <ng-container [ngTemplateOutlet]="actionsTemplate" [ngTemplateOutletContext]="{ $implicit: item }"></ng-container>
     </ps-table-actions>
   </ng-container>
@@ -30,7 +30,12 @@
         >
           <mat-icon [style.color]="action.iconColor">{{ action.icon }}</mat-icon>
         </button>
-        <ps-table-actions #iconActions [actions]="action.children" [items]="itemAsArray"></ps-table-actions>
+        <ps-table-actions
+          #iconActions
+          [actions]="action.children"
+          [items]="itemAsArray"
+          [scope]="psTableActionScopes.row"
+        ></ps-table-actions>
       </ng-template>
     </ng-container>
   </ng-template>
diff --git a/projects/components/table/src/subcomponents/table-row-actions.component.ts b/projects/components/table/src/subcomponents/table-row-actions.component.ts
index c881d239..cd476105 100644
--- a/projects/components/table/src/subcomponents/table-row-actions.component.ts
+++ b/projects/components/table/src/subcomponents/table-row-actions.component.ts
@@ -1,5 +1,6 @@
 import { ChangeDetectionStrategy, Component, Input, OnChanges, SimpleChanges, TemplateRef } from '@angular/core';
-import { IPsTableAction } from '../models';
+
+import { PsTableAction, PsTableActionScope } from '../models';
 
 @Component({
   selector: 'ps-table-row-actions',
@@ -7,11 +8,13 @@ import { IPsTableAction } from '../models';
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class PsTableRowActionsComponent implements OnChanges {
-  @Input() public actions: IPsTableAction<any>[];
+  @Input() public actions: PsTableAction<any>[];
   @Input() public actionsTemplate: TemplateRef<any> | null = null;
   @Input() public moreMenuThreshold: number;
   @Input() public item: any;
 
+  public psTableActionScopes = PsTableActionScope;
+
   public itemAsArray: any[];
 
   public ngOnChanges(changes: SimpleChanges) {
diff --git a/projects/components/table/src/table.component.spec.ts b/projects/components/table/src/table.component.spec.ts
index 6bc23388..f0c62665 100644
--- a/projects/components/table/src/table.component.spec.ts
+++ b/projects/components/table/src/table.component.spec.ts
@@ -3,16 +3,21 @@ import { TestbedHarnessEnvironment } from '@angular/cdk/testing/testbed';
 import { CommonModule } from '@angular/common';
 import { ChangeDetectorRef, Component, Injectable, QueryList, ViewChild } from '@angular/core';
 import { ComponentFixture, fakeAsync, TestBed, tick } from '@angular/core/testing';
+import { IconType, MatIconHarness } from '@angular/material/icon/testing';
+import { MatMenuItemHarness } from '@angular/material/menu/testing';
+import { By } from '@angular/platform-browser';
 import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { ActivatedRoute, convertToParamMap, ParamMap, Params, Router } from '@angular/router';
+import { ActivatedRoute, convertToParamMap, ParamMap, Params, RouterLinkWithHref } from '@angular/router';
+import { RouterTestingModule } from '@angular/router/testing';
 import { IPsTableIntlTexts, PsIntlService, PsIntlServiceEn } from '@prosoft/components/core';
 import { filterAsync } from '@prosoft/components/utils/src/array';
 import { BehaviorSubject, Observable, of } from 'rxjs';
 import { map } from 'rxjs/operators';
+
 import { PsTableDataSource } from './data/table-data-source';
 import { PsTableColumnDirective } from './directives/table.directives';
 import { PsTableMemoryStateManager } from './helper/state-manager';
-import { IPsTableSortDefinition, PsTableActionScope } from './models';
+import { IPsTableAction, IPsTableSortDefinition, PsTableActionScope } from './models';
 import { IPsTableSetting, PsTableSettingsService } from './services/table-settings.service';
 import { PsTablePaginationComponent } from './subcomponents/table-pagination.component';
 import { PsTableComponent } from './table.component';
@@ -40,6 +45,7 @@ class TestSettingsService extends PsTableSettingsService {
 
 const router: any = {
   navigate: (_route: any, _options: any) => {},
+  navigateByUrl: (_urltree: any, _extras: any) => {},
 };
 
 const queryParams$ = new BehaviorSubject<ParamMap>(convertToParamMap({ other: 'value' }));
@@ -103,20 +109,14 @@ function createColDef(data: { property?: string; header?: string; sortable?: boo
         </ng-container>
       </ps-table-column>
 
-      <div *psTableCustomHeader>
-        custom header
-      </div>
+      <div *psTableCustomHeader>custom header</div>
 
       <div *psTableCustomSettings="let settings">custom settings {{ settings.pageSize }}</div>
 
-      <div *psTableTopButtonSection>
-        custom button section
-      </div>
+      <div *psTableTopButtonSection>custom button section</div>
 
       <ng-container *psTableListActions="let selection">
-        <button type="button" mat-menu-item (click)="onCustomListActionClick(selection)">
-          custom list actions
-        </button>
+        <button type="button" mat-menu-item (click)="onCustomListActionClick(selection)">custom list actions</button>
       </ng-container>
 
       <ng-container *psTableRowActions="let item">
@@ -483,16 +483,12 @@ describe('PsTableComponent', () => {
     }
 
     beforeEach(async () => {
-      queryParams$.next(convertToParamMap({}));
-
       await TestBed.configureTestingModule({
-        imports: [NoopAnimationsModule, CommonModule, PsTableModule],
+        imports: [NoopAnimationsModule, CommonModule, PsTableModule, RouterTestingModule],
         declarations: [TestComponent],
         providers: [
           { provide: PsTableSettingsService, useClass: TestSettingsService },
           { provide: PsIntlService, useClass: PsIntlServiceEn },
-          { provide: ActivatedRoute, useValue: route },
-          { provide: Router, useValue: router },
         ],
       });
 
@@ -783,5 +779,181 @@ describe('PsTableComponent', () => {
       const firstRowSecondPage = (await table.getRows())[0];
       expect(await (await firstRowSecondPage.getCells({ columnName: 'str' }))[0].getText()).toEqual('item 15');
     });
+
+    describe('table actions', () => {
+      beforeEach(async () => {
+        await initTestComponent(
+          new PsTableDataSource({
+            loadDataFn: () =>
+              of([
+                { id: 1, str: 'item 1' },
+                { id: 2, str: 'item 2' },
+                { id: 3, str: 'item 3' },
+              ]),
+            mode: 'client',
+            actions: [
+              {
+                label: 'custom action 1',
+                icon: 'list',
+                scope: PsTableActionScope.all,
+                actionFn: (selection) => component.onListActionExecute(selection),
+              },
+              {
+                label: 'custom action 2',
+                icon: 'angular',
+                isSvgIcon: true,
+                scope: PsTableActionScope.all,
+                actionFn: (selection) => component.onListActionExecute(selection),
+              },
+              {
+                label: 'custom list action 1',
+                icon: 'list',
+                scope: PsTableActionScope.list,
+                actionFn: () => {},
+              },
+              {
+                label: 'custom list action 2',
+                icon: 'angular',
+                isSvgIcon: true,
+                scope: PsTableActionScope.list,
+                actionFn: () => {},
+              },
+              {
+                label: 'custom row action 1',
+                icon: 'list',
+                scope: PsTableActionScope.row,
+                routerLink: (item: any) => [item.id],
+                routerLinkQueryParams: (item: any) => ({
+                  a: item.str.replace(' ', '_'),
+                }),
+              },
+              {
+                label: 'custom row action 2',
+                icon: 'angular',
+                isSvgIcon: true,
+                scope: PsTableActionScope.row,
+                actionFn: () => {},
+              },
+            ] as IPsTableAction<any>[],
+          })
+        );
+
+        component.refreshable = false;
+        component.showSettings = false;
+      });
+
+      it('icon and svgIcon should be displayed correctly', async () => {
+        fixture.detectChanges();
+
+        // list actions
+        const listActionButtonHarness = await table.getListActionsButton();
+        await listActionButtonHarness.open();
+        const listActionHarnesses = await listActionButtonHarness.getItems();
+        expect(listActionHarnesses.length).toBe(4);
+        await checkAction$(listActionHarnesses[0], 'list', IconType.FONT, 'custom action 1');
+        await checkAction$(listActionHarnesses[1], 'angular', IconType.SVG, 'custom action 2');
+        await checkAction$(listActionHarnesses[2], 'list', IconType.FONT, 'custom list action 1');
+        await checkAction$(listActionHarnesses[3], 'angular', IconType.SVG, 'custom list action 2');
+
+        // row actions
+        const rowActionButtonHarness = await table.getRowActionsButton(1);
+        await rowActionButtonHarness.open();
+        const rowActionHarnesses = await rowActionButtonHarness.getItems();
+        expect(rowActionHarnesses.length).toBe(4);
+
+        await checkAction$(rowActionHarnesses[0], 'list', IconType.FONT, 'custom action 1');
+        await checkAction$(rowActionHarnesses[1], 'angular', IconType.SVG, 'custom action 2');
+        await checkAction$(rowActionHarnesses[2], 'list', IconType.FONT, 'custom row action 1');
+        await checkAction$(rowActionHarnesses[3], 'angular', IconType.SVG, 'custom row action 2');
+      });
+
+      it('routerlinks should be displayed correctly', async () => {
+        fixture.detectChanges();
+
+        const rowActionButtonHarness = await table.getRowActionsButton(1);
+        await rowActionButtonHarness.open();
+        const rowActionHarnesses = await rowActionButtonHarness.getItems();
+        expect(rowActionHarnesses.length).toBe(4);
+
+        const links = fixture.debugElement.queryAll(By.directive(RouterLinkWithHref));
+        expect(links.length).toEqual(1);
+        expect(links[0].attributes['href']).toEqual('/1?a=item_1');
+      });
+
+      async function checkAction$(
+        menuItemHarness: MatMenuItemHarness,
+        expectedIcon: string,
+        expectedIconType: IconType,
+        expectedText: string
+      ): Promise<void> {
+        expect(menuItemHarness).toBeTruthy();
+
+        const iconHarness = await menuItemHarness.getHarness(MatIconHarness);
+        expect(iconHarness).toBeTruthy();
+        expect(await iconHarness.getName()).toEqual(expectedIcon);
+        expect(await iconHarness.getType()).toEqual(expectedIconType);
+
+        // we use toContain here, because getText() includes the icon name as well
+        expect(await menuItemHarness.getText()).toContain(expectedText);
+      }
+    });
+
+    describe('async table actions', () => {
+      beforeEach(async () => {
+        await initTestComponent(
+          new PsTableDataSource({
+            loadDataFn: () =>
+              of([
+                { id: 1, str: 'item 1' },
+                { id: 2, str: 'item 2' },
+                { id: 3, str: 'item 3' },
+              ]),
+            mode: 'client',
+            actions: of([
+              {
+                label: 'custom action',
+                icon: '',
+                scope: PsTableActionScope.all,
+                actionFn: (selection) => component.onListActionExecute(selection),
+              },
+              {
+                label: 'custom list action',
+                icon: '',
+                scope: PsTableActionScope.list,
+                actionFn: () => {},
+              },
+              {
+                label: 'custom row action',
+                icon: '',
+                scope: PsTableActionScope.row,
+                actionFn: () => {},
+              },
+            ]),
+          })
+        );
+      });
+
+      it('async list actions should work', async () => {
+        component.refreshable = false;
+        fixture.detectChanges();
+        const listActionsButtonHarness = await table.getListActionsButton();
+        await listActionsButtonHarness.open();
+        const listActions = await listActionsButtonHarness.getItems();
+        expect(listActions.length).toEqual(2);
+        expect(await listActions[0].getText()).toEqual('custom action');
+        expect(await listActions[1].getText()).toEqual('custom list action');
+      });
+
+      it('async row actions should work', async () => {
+        component.refreshable = false;
+        fixture.detectChanges();
+        const rowActionsButtonHarness = await table.getRowActionsButton(1);
+        await rowActionsButtonHarness.open();
+        const rowActions = await rowActionsButtonHarness.getItems();
+        expect(rowActions.length).toEqual(2);
+        expect(await rowActions[0].getText()).toEqual('custom action');
+        expect(await rowActions[1].getText()).toEqual('custom row action');
+      });
+    });
   });
 });
diff --git a/projects/components/table/src/table.module.ts b/projects/components/table/src/table.module.ts
index d6908773..67921793 100644
--- a/projects/components/table/src/table.module.ts
+++ b/projects/components/table/src/table.module.ts
@@ -8,10 +8,12 @@ import { MatIconModule } from '@angular/material/icon';
 import { MatInputModule } from '@angular/material/input';
 import { MatMenuModule } from '@angular/material/menu';
 import { MatPaginatorModule } from '@angular/material/paginator';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import { MatSelectModule } from '@angular/material/select';
 import { MatSortModule } from '@angular/material/sort';
 import { MatTableModule } from '@angular/material/table';
 import { MatTooltipModule } from '@angular/material/tooltip';
+import { RouterModule } from '@angular/router';
 import { PsBlockUiModule } from '@prosoft/components/block-ui';
 import { PsFlipContainerModule } from '@prosoft/components/flip-container';
 import { PsSavebarModule } from '@prosoft/components/savebar';
@@ -66,6 +68,7 @@ import { PsTableComponent } from './table.component';
   imports: [
     CommonModule,
     FormsModule,
+    RouterModule,
     MatSortModule,
     MatTableModule,
     MatPaginatorModule,
@@ -77,6 +80,7 @@ import { PsTableComponent } from './table.component';
     MatInputModule,
     MatCardModule,
     MatTooltipModule,
+    MatProgressSpinnerModule,
     PsFlipContainerModule,
     PsSavebarModule,
     PsBlockUiModule,
diff --git a/projects/prosoft-components-demo/src/app/app.component.ts b/projects/prosoft-components-demo/src/app/app.component.ts
index 9222f6bc..eaca73f8 100644
--- a/projects/prosoft-components-demo/src/app/app.component.ts
+++ b/projects/prosoft-components-demo/src/app/app.component.ts
@@ -1,7 +1,13 @@
 import { Component } from '@angular/core';
+import { MatIconRegistry } from '@angular/material/icon';
+import { DomSanitizer } from '@angular/platform-browser';
 
 @Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
 })
-export class AppComponent {}
+export class AppComponent {
+  constructor(matIconRegistry: MatIconRegistry, domSanitizer: DomSanitizer) {
+    matIconRegistry.addSvgIcon('angular', domSanitizer.bypassSecurityTrustResourceUrl('../assets/angular.svg'));
+  }
+}
diff --git a/projects/prosoft-components-demo/src/app/app.module.ts b/projects/prosoft-components-demo/src/app/app.module.ts
index e5d46304..91b31661 100644
--- a/projects/prosoft-components-demo/src/app/app.module.ts
+++ b/projects/prosoft-components-demo/src/app/app.module.ts
@@ -1,5 +1,7 @@
+import { HttpClientModule } from '@angular/common/http';
 import { NgModule } from '@angular/core';
 import { MAT_FORM_FIELD_DEFAULT_OPTIONS } from '@angular/material/form-field';
+import { MatIconModule } from '@angular/material/icon';
 import { MatListModule } from '@angular/material/list';
 import { MatSidenavModule } from '@angular/material/sidenav';
 import { MatToolbarModule } from '@angular/material/toolbar';
@@ -14,7 +16,9 @@ import { AppComponent } from './app.component';
   imports: [
     BrowserModule,
     BrowserAnimationsModule,
+    HttpClientModule,
 
+    MatIconModule,
     MatSidenavModule,
     MatToolbarModule,
     MatListModule,
diff --git a/projects/prosoft-components-demo/src/app/table-demo/table-demo.component.ts b/projects/prosoft-components-demo/src/app/table-demo/table-demo.component.ts
index 6325fa85..8aecd9c1 100644
--- a/projects/prosoft-components-demo/src/app/table-demo/table-demo.component.ts
+++ b/projects/prosoft-components-demo/src/app/table-demo/table-demo.component.ts
@@ -1,9 +1,9 @@
 import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ViewChild } from '@angular/core';
 import { PageEvent } from '@angular/material/paginator';
 import { PsTableComponent, PsTableDataSource } from '@prosoft/components/table';
-import { PsTableActionScope } from '@prosoft/components/table/src/models';
+import { IPsTableAction, PsTableActionScope } from '@prosoft/components/table/src/models';
 import { of, timer } from 'rxjs';
-import { first, map } from 'rxjs/operators';
+import { delay, first, map } from 'rxjs/operators';
 
 interface ISampleData {
   id: number;
@@ -169,6 +169,55 @@ export class TableDemoComponent {
           },
         ],
       },
+      {
+        label: 'async table actions',
+        icon: 'angular',
+        isSvgIcon: true,
+        scope: PsTableActionScope.all,
+        children: of([
+          {
+            label: 'async table action 1',
+            icon: 'cancel',
+            scope: PsTableActionScope.all,
+          },
+          {
+            label: 'async table action 2',
+            icon: 'cancel',
+            scope: PsTableActionScope.all,
+          },
+          {
+            label: 'async table action 3',
+            icon: 'cancel',
+            scope: PsTableActionScope.all,
+            children: of([
+              {
+                label: 'sub async table action 1',
+                icon: 'cancel',
+                scope: PsTableActionScope.row,
+              },
+              {
+                label: 'sub async table action 2',
+                icon: 'cancel',
+                scope: PsTableActionScope.all,
+              },
+              {
+                label: 'sub async table action 3',
+                icon: 'cancel',
+                scope: PsTableActionScope.all,
+              },
+            ]).pipe(delay(400)),
+          },
+          {
+            label: 'router link',
+            icon: 'cancel',
+            scope: PsTableActionScope.row,
+            routerLink: (item: ISampleData) => ['..', item.id],
+            routerLinkQueryParams: (item: ISampleData) => ({
+              a: item.string,
+            }),
+          },
+        ] as IPsTableAction<ISampleData>[]).pipe(delay(500)),
+      },
     ],
   });
 
diff --git a/projects/prosoft-components-demo/src/assets/angular.svg b/projects/prosoft-components-demo/src/assets/angular.svg
new file mode 100644
index 00000000..bf081acb
--- /dev/null
+++ b/projects/prosoft-components-demo/src/assets/angular.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 250 250" style="enable-background:new 0 0 250 250;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#DD0031;}
+	.st1{fill:#C3002F;}
+	.st2{fill:#FFFFFF;}
+</style>
+<g>
+	<polygon class="st0" points="125,30 125,30 125,30 31.9,63.2 46.1,186.3 125,230 125,230 125,230 203.9,186.3 218.1,63.2 	"/>
+	<polygon class="st1" points="125,30 125,52.2 125,52.1 125,153.4 125,153.4 125,230 125,230 203.9,186.3 218.1,63.2 125,30 	"/>
+	<path class="st2" d="M125,52.1L66.8,182.6h0h21.7h0l11.7-29.2h49.4l11.7,29.2h0h21.7h0L125,52.1L125,52.1L125,52.1L125,52.1
+		L125,52.1z M142,135.4H108l17-40.9L142,135.4z"/>
+</g>
+</svg>