Table docs (#5449)

* docs(table): initial table docs

* add filtering msg

* add overview

* fix height

* split cdk table into guide

* revisions

* add to examples

* fix heading

* example changes

* lint

* example style prefix, rename file

* newline

src/material-examples/example-module.ts

@@ -89,8 +89,15 @@ import {
   MdChipsModule, MdDatepickerModule, MdDialogModule, MdGridListModule, MdIconModule, MdInputModule,
   MdListModule, MdMenuModule, MdPaginatorModule, MdProgressBarModule, MdProgressSpinnerModule,
   MdRadioModule, MdSelectModule, MdSidenavModule, MdSliderModule, MdSlideToggleModule,
-  MdSnackBarModule, MdTabsModule, MdToolbarModule, MdTooltipModule
+  MdSnackBarModule, MdSortModule, MdTableModule, MdTabsModule, MdToolbarModule, MdTooltipModule
 } from '@angular/material';
+import {CdkTableModule} from '@angular/cdk';
+import {TableOverviewExample} from './table-overview/table-overview-example';
+import {TablePaginationExample} from './table-pagination/table-pagination-example';
+import {TableBasicExample} from './table-basic/table-basic-example';
+import {TableSortingExample} from './table-sorting/table-sorting-example';
+import {TableFilteringExample} from './table-filtering/table-filtering-example';
+import {CdkTableBasicExample} from './cdk-table-basic/cdk-table-basic-example';
 
 export interface LiveExample {
   title: string;
@@ -114,6 +121,7 @@ export const EXAMPLE_COMPONENTS = {
   },
   'button-toggle-overview': {title: 'Basic button-toggles', component: ButtonToggleOverviewExample},
   'chips-overview': {title: 'Basic chips', component: ChipsOverviewExample},
+  'cdk-table-basic': {title: 'Basic CDK data-table', component: CdkTableBasicExample},
   'chips-stacked': {title: 'Stacked chips', component: ChipsStackedExample},
   'card-fancy': {title: 'Card with multiple sections', component: CardFancyExample},
   'card-overview': {title: 'Basic cards', component: CardOverviewExample},
@@ -194,6 +202,11 @@ export const EXAMPLE_COMPONENTS = {
     component: SnackBarComponentExample
   },
   'snack-bar-overview': {title: 'Basic snack-bar', component: SnackBarOverviewExample},
+  'table-overview': {title: 'Feature-rich data table', component: TableOverviewExample},
+  'table-pagination': {title: 'Table with pagination', component: TablePaginationExample},
+  'table-sorting': {title: 'Table with sorting', component: TableSortingExample},
+  'table-filtering': {title: 'Table with filtering', component: TableFilteringExample},
+  'table-basic': {title: 'Basic table', component: TableBasicExample},
   'tabs-overview': {title: 'Basic tabs', component: TabsOverviewExample},
   'tabs-template-label': {title: 'Coming soon!', component: TabsTemplateLabelExample},
   'toolbar-multirow': {title: 'Multi-row toolbar', component: ToolbarMultirowExample},
@@ -207,6 +220,7 @@ export const EXAMPLE_COMPONENTS = {
  */
 @NgModule({
   exports: [
+    CdkTableModule,
     MdAutocompleteModule,
     MdButtonModule,
     MdButtonToggleModule,
@@ -224,11 +238,13 @@ export const EXAMPLE_COMPONENTS = {
     MdProgressBarModule,
     MdProgressSpinnerModule,
     MdRadioModule,
+    MdSortModule,
     MdSelectModule,
     MdSlideToggleModule,
     MdSliderModule,
     MdSidenavModule,
     MdSnackBarModule,
+    MdTableModule,
     MdTabsModule,
     MdToolbarModule,
     MdTooltipModule
@@ -248,6 +264,7 @@ export const EXAMPLE_LIST = [
   ButtonTypesExample,
   CardFancyExample,
   CardOverviewExample,
+  CdkTableBasicExample,
   ChipsOverviewExample,
   ChipsStackedExample,
   CheckboxConfigurableExample,
@@ -298,6 +315,11 @@ export const EXAMPLE_LIST = [
   SnackBarComponentExample,
   PizzaPartyComponent,
   SnackBarOverviewExample,
+  TableBasicExample,
+  TableOverviewExample,
+  TableFilteringExample,
+  TablePaginationExample,
+  TableSortingExample,
   TabsOverviewExample,
   TabsTemplateLabelExample,
   ToolbarMultirowExample,