replace description with sku on product list table

Author: suhussai

clients/Application/src/app/views/products/list/list.component.html

@@ -18,9 +18,9 @@ <h2>Product List</h2>
         </ng-container>
 
         <!-- Description Column -->
-        <ng-container matColumnDef="description">
-          <th mat-header-cell *matHeaderCellDef>Description</th>
-          <td mat-cell *matCellDef="let element">{{ element.description }}</td>
+        <ng-container matColumnDef="sku">
+          <th mat-header-cell *matHeaderCellDef>SKU</th>
+          <td mat-cell *matCellDef="let element">{{ element.sku }}</td>
         </ng-container>
 
         <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>

clients/Application/src/app/views/products/list/list.component.ts

@@ -11,7 +11,7 @@ import { ProductService } from '../product.service';
 export class ListComponent implements OnInit {
   productData: Product[] = [];
   isLoading: boolean = true;
-  displayedColumns: string[] = ['name', 'price', 'description'];
+  displayedColumns: string[] = ['name', 'price', 'sku'];
 
   constructor(private productSvc: ProductService, private router: Router) {}