diff --git a/src/universal-app/kitchen-sink/kitchen-sink.html b/src/universal-app/kitchen-sink/kitchen-sink.html
index 08de2c72768..672e3c5669e 100644
--- a/src/universal-app/kitchen-sink/kitchen-sink.html
+++ b/src/universal-app/kitchen-sink/kitchen-sink.html
@@ -250,12 +250,24 @@
CDK Table
-
+
ID
{{row.userId}}
-
-
+
+
+
+Material Table
+
+
+
+ ID
+ {{row.userId}}
+
+
+
+
+
diff --git a/src/universal-app/kitchen-sink/kitchen-sink.ts b/src/universal-app/kitchen-sink/kitchen-sink.ts
index cf5b756795c..faab707a304 100644
--- a/src/universal-app/kitchen-sink/kitchen-sink.ts
+++ b/src/universal-app/kitchen-sink/kitchen-sink.ts
@@ -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 = {
+ /** Data source for the CDK and Material table. */
+ tableDataSource: DataSource = {
connect: () => Observable.of([
{ userId: 1 },
{ userId: 2 }
@@ -93,6 +94,7 @@ export class KitchenSink {
MdTooltipModule,
MdExpansionModule,
MdSortModule,
+ MdTableModule,
// CDK Modules
CdkTableModule