I'm seeking guidance on how to implement a click event for a specific row that will navigate to the next form while carrying over the values of the clicked row. I find this concept a bit perplexing at the moment.
<!-- Position Column -->
<ng-container matColumnDef="itemname">
<th mat-header-cell *matHeaderCellDef> ITEM NAME </th>
<td mat-cell *matCellDef="let element"> {{element.itemname}} </td>
</ng-container>
<!-- Name Column -->
<ng-container matColumnDef="category">
<th mat-header-cell *matHeaderCellDef> CATEGORY </th>
<td mat-cell *matCellDef="let element"> {{element.category}} </td>
</ng-container>
<!-- Weight Column -->
<ng-container matColumnDef="quantity">
<th mat-header-cell *matHeaderCellDef> QUANTITY </th>
<td mat-cell *matCellDef="let element"> {{element.quantity}} </td>
</ng-container>
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
<tr class="rows" mat-row *matRowDef="let row; columns: displayedColumns;">
</tr>
</table>