File tree 2 files changed +21
-7
lines changed
src/universal-app/kitchen-sink
2 files changed +21
-7
lines changed Original file line number Diff line number Diff line change @@ -250,12 +250,24 @@ <h2>Expansion Panel</h2>
250
250
251
251
< h2 > CDK Table</ h2 >
252
252
253
- < cdk-table #table [dataSource] ="cdkTableDataSource ">
253
+ < cdk-table #table [dataSource] ="tableDataSource ">
254
254
< ng-container cdkColumnDef ="userId ">
255
255
< cdk-header-cell *cdkHeaderCellDef > ID</ cdk-header-cell >
256
256
< cdk-cell *cdkCellDef ="let row "> {{row.userId}}</ cdk-cell >
257
257
</ ng-container >
258
258
259
- < cdk-header-row *cdkHeaderRowDef ="cdkTableColumns " > </ cdk-header-row >
260
- < cdk-row *cdkRowDef ="let row; columns: cdkTableColumns ; "> </ cdk-row >
259
+ < cdk-header-row *cdkHeaderRowDef ="tableColumns " > </ cdk-header-row >
260
+ < cdk-row *cdkRowDef ="let row; columns: tableColumns ; "> </ cdk-row >
261
261
</ cdk-table >
262
+
263
+ < h2 > Material Table</ h2 >
264
+
265
+ < md-table [dataSource] ="tableDataSource ">
266
+ < ng-container cdkColumnDef ="userId ">
267
+ < md-header-cell *cdkHeaderCellDef > ID</ md-header-cell >
268
+ < md-cell *cdkCellDef ="let row "> {{row.userId}} </ md-cell >
269
+ </ ng-container >
270
+
271
+ < md-header-row *cdkHeaderRowDef ="tableColumns "> </ md-header-row >
272
+ < md-row *cdkRowDef ="let row; columns: tableColumns; "> </ md-row >
273
+ </ md-table >
Original file line number Diff line number Diff line change @@ -27,6 +27,7 @@ import {
27
27
MdSlideToggleModule ,
28
28
MdSnackBarModule ,
29
29
MdSortModule ,
30
+ MdTableModule ,
30
31
MdTabsModule ,
31
32
MdToolbarModule ,
32
33
MdTooltipModule ,
@@ -45,11 +46,11 @@ import 'rxjs/add/observable/of';
45
46
} )
46
47
export class KitchenSink {
47
48
48
- /** List of columns for the CDK table. */
49
- cdkTableColumns = [ 'userId' ] ;
49
+ /** List of columns for the CDK and Material table. */
50
+ tableColumns = [ 'userId' ] ;
50
51
51
- /** Data source for the CDK table. */
52
- cdkTableDataSource : DataSource < any > = {
52
+ /** Data source for the CDK and Material table. */
53
+ tableDataSource : DataSource < any > = {
53
54
connect : ( ) => Observable . of ( [
54
55
{ userId : 1 } ,
55
56
{ userId : 2 }
@@ -93,6 +94,7 @@ export class KitchenSink {
93
94
MdTooltipModule ,
94
95
MdExpansionModule ,
95
96
MdSortModule ,
97
+ MdTableModule ,
96
98
97
99
// CDK Modules
98
100
CdkTableModule
You can’t perform that action at this time.
0 commit comments