From dfd1b84f728124aa0d65b04981f48a18b9b8f33f Mon Sep 17 00:00:00 2001
From: Fahri Gedik <53567152+fahrigedik@users.noreply.github.com>
Date: Sun, 18 Jan 2026 14:02:27 +0300
Subject: [PATCH] Add row detail view to tenants table

Introduced an expandable row detail section in the tenants table to display tenant ID and name. Updated the component imports to include ExtensibleTableRowDetailComponent.
---
 .../components/tenants/tenants.component.html   | 17 +++++++++++++++--
 .../lib/components/tenants/tenants.component.ts |  2 ++
 2 files changed, 17 insertions(+), 2 deletions(-)

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 b914bdf15b..360752857f 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
@@ -1,4 +1,4 @@
-<abp-page [title]="'AbpTenantManagement::Tenants' | abpLocalization" [toolbar]="data.items">
+a<abp-page [title]="'AbpTenantManagement::Tenants' | abpLocalization" [toolbar]="data.items">
   <div id="wrapper" class="card">
     <div class="card-body">
       <div id="data-tables-table-filter" class="data-tables-filter mb-3">
@@ -16,7 +16,20 @@
         [data]="data.items || []"
         [recordsTotal]="data.totalCount || 0"
         [list]="list"
-      ></abp-extensible-table>
+      >
+        <abp-extensible-table-row-detail [rowHeight]="'auto'">
+          <ng-template let-row="row" let-expanded="expanded">
+            <div class="p-3">
+              <dl class="row mb-0">
+                <dt class="col-sm-3">{{ 'AbpTenantManagement::TenantId' | abpLocalization }}</dt>
+                <dd class="col-sm-9"><code>{{ row.id }}</code></dd>
+                <dt class="col-sm-3">{{ 'AbpTenantManagement::TenantName' | abpLocalization }}</dt>
+                <dd class="col-sm-9">{{ row.name }}</dd>
+              </dl>
+            </div>
+          </ng-template>
+        </abp-extensible-table-row-detail>
+      </abp-extensible-table>
     </div>
   </div>
 
diff --git a/npm/ng-packs/packages/tenant-management/src/lib/components/tenants/tenants.component.ts b/npm/ng-packs/packages/tenant-management/src/lib/components/tenants/tenants.component.ts
index ae57743972..e5c3bcfcd2 100644
--- a/npm/ng-packs/packages/tenant-management/src/lib/components/tenants/tenants.component.ts
+++ b/npm/ng-packs/packages/tenant-management/src/lib/components/tenants/tenants.component.ts
@@ -20,6 +20,7 @@ import {
 import {
   ExtensibleFormComponent,
   ExtensibleTableComponent,
+  ExtensibleTableRowDetailComponent,
   EXTENSIONS_IDENTIFIER,
   FormPropData,
   generateFormFromProps,
@@ -52,6 +53,7 @@ import { NgxValidateCoreModule } from '@ngx-validate/core';
     PageComponent,
     LocalizationPipe,
     ExtensibleTableComponent,
+    ExtensibleTableRowDetailComponent,
     ModalComponent,
     FeatureManagementComponent,
     ButtonComponent,