test(material-experimental/mdc-table): add to universal app (#19939)

Author: andrewseguin

src/universal-app/kitchen-sink-mdc/kitchen-sink-mdc.html

@@ -116,6 +116,24 @@ <h2>MDC Tabs</h2>
  <a mat-tab-link href="https://google.com" [active]="true">Also Google</a>
 </nav>
 
+<h2>MDC Table</h2>
+<table mat-table [dataSource]="[1, 2, 3]">
+  <ng-container matColumnDef="first-column">
+    <th mat-header-cell *matHeaderCellDef> First </th>
+    <td mat-cell *matCellDef="let data"> {{data}} </td>
+  </ng-container>
+  <ng-container matColumnDef="second-column">
+    <th mat-header-cell *matHeaderCellDef> Second </th>
+    <td mat-cell *matCellDef="let data"> {{data}} </td>
+  </ng-container>
+
+  <tr mat-header-row *matHeaderRowDef="['first-column', 'second-column']"></tr>
+  <tr mat-row *matRowDef="let row; columns: ['first-column', 'second-column'];"></tr>
+</table>
+
+
+
+
 <h2>MDC Progress bar</h2>
 <mat-progress-bar [value]="25"></mat-progress-bar>
 <mat-progress-bar mode="buffer" [value]="25" [bufferValue]="60"></mat-progress-bar>

src/universal-app/kitchen-sink-mdc/kitchen-sink-mdc.ts

@@ -11,6 +11,7 @@ import {MatRadioModule} from '@angular/material-experimental/mdc-radio';
 import {MatSlideToggleModule} from '@angular/material-experimental/mdc-slide-toggle';
 import {MatSliderModule} from '@angular/material-experimental/mdc-slider';
 import {MatTabsModule} from '@angular/material-experimental/mdc-tabs';
+import {MatTableModule} from '@angular/material-experimental/mdc-table';
 import {MatIconModule} from '@angular/material/icon';
 import {MatSnackBarModule, MatSnackBar} from '@angular/material-experimental/mdc-snack-bar';
 
@@ -35,6 +36,7 @@ export class KitchenSinkMdc {
     MatSlideToggleModule,
     MatSliderModule,
     MatTabsModule,
+    MatTableModule,
     MatProgressBarModule,
     MatSnackBarModule,
   ],