diff --git a/npm/ng-packs/packages/theme-shared/src/lib/components/table-empty-message/table-empty-message.component.ts b/npm/ng-packs/packages/theme-shared/src/lib/components/table-empty-message/table-empty-message.component.ts
new file mode 100644
index 0000000000..e53b90129e
--- /dev/null
+++ b/npm/ng-packs/packages/theme-shared/src/lib/components/table-empty-message/table-empty-message.component.ts
@@ -0,0 +1,27 @@
+import { Component, OnInit, Input } from '@angular/core';
+
+@Component({
+  selector: '[abp-table-empty-message]',
+  template: `
+    <td class="text-center" [attr.colspan]="colspan">
+      {{ emptyMessage | abpLocalization }}
+    </td>
+  `,
+})
+export class TableEmptyMessageComponent {
+  @Input()
+  colspan = 2;
+
+  @Input()
+  message: string;
+
+  @Input()
+  localizationResource: string = 'AbpAccount';
+
+  @Input()
+  localizationProp: string = 'NoDataAvailableInDatatable';
+
+  get emptyMessage(): string {
+    return this.message || `${this.localizationResource}::${this.localizationProp}`;
+  }
+}