fix: data-table row actions (#144)

porscheinformatik · Oct 16, 2023 · ab02466 · ab02466
1 parent 5eca1af
commit ab02466
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/projects/material-addons/src/lib/data-table/data-table.component.html b/projects/material-addons/src/lib/data-table/data-table.component.html
@@ -78,7 +78,9 @@
       </th>
       <td mat-cell *matCellDef="let element" [ngClass]="mode === NONE ? 'no-action-cell' : 'row-action-cell'">
         <!-- BATCH: row checkbox -->
-        <div *ngIf="!element.parentId && (mode === BATCH)" class="mad-datatable-checkbox-container">
+        <div *ngIf="!element.parentId && (mode === BATCH)" class="mad-datatable-checkbox-container"
+             (click)="onRowEvent($event, element)"
+        >
           <mat-checkbox
             class="no-pointer-events"
             [checked]="isSelected(element.rowId)"
@@ -116,7 +118,10 @@
         </th>
       </ng-template>
       <!-- data cell to be injected -->
-      <td mat-cell *matCellDef="let element" [class.text-right]="column.isRightAligned" [class.mad-dt-child-cell]="element.parentId" [ngSwitch]="column.transformer">
+      <td mat-cell *matCellDef="let element"
+          [class.text-right]="column.isRightAligned" [class.mad-dt-child-cell]="element.parentId"
+          [ngSwitch]="column.transformer" (click)="onRowEvent($event, element)"
+      >
         <span>
           {{ element[column.dataPropertyName] }}
         </span>
@@ -128,7 +133,6 @@
     <tr
       mat-row
       [class.clickable-table-row]="!row.parentId && isRowClickable"
-      (click)="onRowEvent($event, row)"
       *matRowDef="let row; columns: columnIds"
     ></tr>
   </table>