chore: add md-table to universal app (#6356)

* Adds the md-table component to the universal app. This means that it will be verified by the prerender task on the CI.
This commit is contained in:
Paul Gschwendtner
2017-08-09 23:58:30 +02:00
committed by mmalerba
parent d48b95723b
commit d66d735aba
2 changed files with 21 additions and 7 deletions
@@ -250,12 +250,24 @@
<h2>CDK Table</h2>
<cdk-table #table [dataSource]="cdkTableDataSource">
<cdk-table #table [dataSource]="tableDataSource">
<ng-container cdkColumnDef="userId">
<cdk-header-cell *cdkHeaderCellDef>ID</cdk-header-cell>
<cdk-cell *cdkCellDef="let row">{{row.userId}}</cdk-cell>
</ng-container>
<cdk-header-row *cdkHeaderRowDef="cdkTableColumns" ></cdk-header-row>
<cdk-row *cdkRowDef="let row; columns: cdkTableColumns;"></cdk-row>
<cdk-header-row *cdkHeaderRowDef="tableColumns" ></cdk-header-row>
<cdk-row *cdkRowDef="let row; columns: tableColumns;"></cdk-row>
</cdk-table>
<h2>Material Table</h2>
<md-table [dataSource]="tableDataSource">
<ng-container cdkColumnDef="userId">
<md-header-cell *cdkHeaderCellDef>ID</md-header-cell>
<md-cell *cdkCellDef="let row"> {{row.userId}} </md-cell>
</ng-container>
<md-header-row *cdkHeaderRowDef="tableColumns"></md-header-row>
<md-row *cdkRowDef="let row; columns: tableColumns;"></md-row>
</md-table>
@@ -27,6 +27,7 @@ import {
MdSlideToggleModule,
MdSnackBarModule,
MdSortModule,
MdTableModule,
MdTabsModule,
MdToolbarModule,
MdTooltipModule,
@@ -45,11 +46,11 @@ import 'rxjs/add/observable/of';
})
export class KitchenSink {
/** List of columns for the CDK table. */
cdkTableColumns = ['userId'];
/** List of columns for the CDK and Material table. */
tableColumns = ['userId'];
/** Data source for the CDK table. */
cdkTableDataSource: DataSource<any> = {
/** Data source for the CDK and Material table. */
tableDataSource: DataSource<any> = {
connect: () => Observable.of([
{ userId: 1 },
{ userId: 2 }
@@ -93,6 +94,7 @@ export class KitchenSink {
MdTooltipModule,
MdExpansionModule,
MdSortModule,
MdTableModule,
// CDK Modules
CdkTableModule