feat: data-table context row and column

e-picsa · Feb 15, 2024 · 80fa1a0 · 80fa1a0
1 parent 015d54f
commit 80fa1a0
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/libs/shared/src/features/data-table/data-table.component.html b/libs/shared/src/features/data-table/data-table.component.html
@@ -17,20 +17,20 @@
 
 <!-- Main Table -->
 <table mat-table matSort [dataSource]="dataSource" [matSortDisabled]="!tableOptions.sort">
-  @for(column of tableOptions.displayColumns; track column){
+  @for(column of tableOptions.displayColumns; track column; let index=$index){
   <ng-container [matColumnDef]="column">
     <th mat-header-cell *matHeaderCellDef mat-sort-header>{{ column | formatValue: tableOptions.formatHeader }}</th>
 
-    <td mat-cell *matCellDef="let el">
+    <td mat-cell *matCellDef="let row">
       @if(valueTemplates[column]){
       <!-- custom value templates  -->
       <ng-container
         [ngTemplateOutlet]="valueTemplates[column]"
-        [ngTemplateOutletContext]="{ $implicit: el[column] }"
+        [ngTemplateOutletContext]="$any({ $implicit: row[column], row: row, column: column })"
       ></ng-container>
       } @else {
       <!-- Default value template -->
-      {{ el[column] }}
+      {{ row[column] }}
       }
     </td>
   </ng-container>