From c81124d2dc0b6bfb6e9649870db1d1d804a01266 Mon Sep 17 00:00:00 2001
From: Fahri Gedik <53567152+fahrigedik@users.noreply.github.com>
Date: Thu, 15 Jan 2026 15:24:03 +0300
Subject: [PATCH] Add ExtensibleTableRowDetailComponent to module and docs

Registered ExtensibleTableRowDetailComponent in ExtensibleModule and updated documentation to reference the new row detail feature. Also improved accessibility and semantics by replacing the expand/collapse anchor with a button in the extensible table component template.
---
 docs/en/framework/ui/angular/data-table-column-extensions.md  | 1 +
 .../extensible-table/extensible-table.component.html          | 4 ++--
 .../components/extensible/src/lib/extensible.module.ts        | 4 +++-
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/docs/en/framework/ui/angular/data-table-column-extensions.md b/docs/en/framework/ui/angular/data-table-column-extensions.md
index 0365336d81..81312cdd75 100644
--- a/docs/en/framework/ui/angular/data-table-column-extensions.md
+++ b/docs/en/framework/ui/angular/data-table-column-extensions.md
@@ -342,4 +342,5 @@ export const identityEntityPropContributors = {
 
 ## See Also
 
+- [Extensible Table Row Detail](extensible-table-row-detail.md)
 - [Customizing Application Modules Guide](../../architecture/modularity/extending/customizing-application-modules-guide.md)
diff --git a/npm/ng-packs/packages/components/extensible/src/lib/components/extensible-table/extensible-table.component.html b/npm/ng-packs/packages/components/extensible/src/lib/components/extensible-table/extensible-table.component.html
index 36670d1888..c5373aacff 100644
--- a/npm/ng-packs/packages/components/extensible/src/lib/components/extensible-table/extensible-table.component.html
+++ b/npm/ng-packs/packages/components/extensible/src/lib/components/extensible-table/extensible-table.component.html
@@ -15,10 +15,10 @@
   <ngx-datatable-column [width]="50" [resizeable]="false" [sortable]="false" [draggable]="false"
     [canAutoResize]="false">
     <ng-template let-row="row" let-expanded="expanded" ngx-datatable-cell-template>
-      <a href="javascript:void(0)" class="text-decoration-none text-muted"
+      <button type="button" class="btn btn-link text-decoration-none text-muted p-0"
         [attr.aria-label]="expanded ? 'Collapse' : 'Expand'" (click)="toggleExpandRow(row)">
         <i class="fa" [class.fa-chevron-down]="!expanded" [class.fa-chevron-up]="expanded"></i>
-      </a>
+      </button>
     </ng-template>
   </ngx-datatable-column>
   }
diff --git a/npm/ng-packs/packages/components/extensible/src/lib/extensible.module.ts b/npm/ng-packs/packages/components/extensible/src/lib/extensible.module.ts
index 26741c2832..9f3ebd775b 100644
--- a/npm/ng-packs/packages/components/extensible/src/lib/extensible.module.ts
+++ b/npm/ng-packs/packages/components/extensible/src/lib/extensible.module.ts
@@ -13,6 +13,7 @@ import {
   ExtensibleFormComponent,
   ExtensibleFormPropComponent,
   ExtensibleTableComponent,
+  ExtensibleTableRowDetailComponent,
   GridActionsComponent,
   PageToolbarComponent,
   ExtensibleDateTimePickerComponent,
@@ -32,6 +33,7 @@ const importWithExport = [
   CreateInjectorPipe,
   ExtensibleFormComponent,
   ExtensibleTableComponent,
+  ExtensibleTableRowDetailComponent,
   ExtensibleFormMultiselectComponent,
 ];
 
@@ -50,4 +52,4 @@ const importWithExport = [
   ],
   exports: [...importWithExport],
 })
-export class ExtensibleModule {}
+export class ExtensibleModule { }