diff --git a/npm/ng-packs/packages/tenant-management/src/lib/components/tenants/tenants.component.html b/npm/ng-packs/packages/tenant-management/src/lib/components/tenants/tenants.component.html
index a6d96e6355..6545a83a9c 100644
--- a/npm/ng-packs/packages/tenant-management/src/lib/components/tenants/tenants.component.html
+++ b/npm/ng-packs/packages/tenant-management/src/lib/components/tenants/tenants.component.html
@@ -22,60 +22,11 @@
       </div>
     </div>
 
-    <ngx-datatable [rows]="data$ | async" [count]="totalCount$ | async" [list]="list" default>
-      <ngx-datatable-column
-        [name]="'AbpTenantManagement::Actions' | abpLocalization"
-        [maxWidth]="150"
-        [sortable]="false"
-      >
-        <ng-template let-row="row" ngx-datatable-cell-template>
-          <div ngbDropdown container="body" class="d-inline-block">
-            <button
-              class="btn btn-primary btn-sm dropdown-toggle"
-              data-toggle="dropdown"
-              aria-haspopup="true"
-              ngbDropdownToggle
-            >
-              <i class="fa fa-cog mr-1"></i>{{ 'AbpTenantManagement::Actions' | abpLocalization }}
-            </button>
-            <div ngbDropdownMenu>
-              <button
-                *abpPermission="'AbpTenantManagement.Tenants.Update'"
-                ngbDropdownItem
-                (click)="editTenant(row.id)"
-              >
-                {{ 'AbpTenantManagement::Edit' | abpLocalization }}
-              </button>
-              <button
-                *abpPermission="'AbpTenantManagement.Tenants.ManageConnectionStrings'"
-                ngbDropdownItem
-                (click)="onEditConnectionString(row.id)"
-              >
-                {{ 'AbpTenantManagement::Permission:ManageConnectionStrings' | abpLocalization }}
-              </button>
-              <button
-                *abpPermission="'AbpTenantManagement.Tenants.ManageFeatures'"
-                ngbDropdownItem
-                (click)="openFeaturesModal(row.id)"
-              >
-                {{ 'AbpTenantManagement::Permission:ManageFeatures' | abpLocalization }}
-              </button>
-              <button
-                *abpPermission="'AbpTenantManagement.Tenants.Delete'"
-                ngbDropdownItem
-                (click)="delete(row.id, row.name)"
-              >
-                {{ 'AbpTenantManagement::Delete' | abpLocalization }}
-              </button>
-            </div>
-          </div>
-        </ng-template>
-      </ngx-datatable-column>
-      <ngx-datatable-column
-        [name]="'AbpTenantManagement::TenantName' | abpLocalization"
-        prop="name"
-      ></ngx-datatable-column>
-    </ngx-datatable>
+    <abp-extensible-table
+      [data]="data$ | async"
+      [recordsTotal]="totalCount$ | async"
+      [list]="list"
+    ></abp-extensible-table>
   </div>
 </div>