Skip to content

Commit 2364cfe

Browse files
andrewseguintinayuangao
andrewseguin
authored and
tinayuangao
committed
docs(table): switch to md- prefix (#6175)
1 parent 4168fb3 commit 2364cfe

File tree

6 files changed

+87
-87
lines changed

6 files changed

+87
-87
lines changed

‎src/material-examples/table-basic/table-basic-example.html

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -5,30 +5,30 @@
55
The actual rendered columns are set as a property on the row definition" -->
66

77
<!-- ID Column -->
8-
<ng-container cdkColumnDef="userId">
9-
<md-header-cell *cdkHeaderCellDef> ID </md-header-cell>
10-
<md-cell *cdkCellDef="let row"> {{row.id}} </md-cell>
8+
<ng-container mdColumnDef="userId">
9+
<md-header-cell *mdHeaderCellDef> ID </md-header-cell>
10+
<md-cell *mdCellDef="let row"> {{row.id}} </md-cell>
1111
</ng-container>
1212

1313
<!-- Progress Column -->
14-
<ng-container cdkColumnDef="progress">
15-
<md-header-cell *cdkHeaderCellDef> Progress </md-header-cell>
16-
<md-cell *cdkCellDef="let row"> {{row.progress}}% </md-cell>
14+
<ng-container mdColumnDef="progress">
15+
<md-header-cell *mdHeaderCellDef> Progress </md-header-cell>
16+
<md-cell *mdCellDef="let row"> {{row.progress}}% </md-cell>
1717
</ng-container>
1818

1919
<!-- Name Column -->
20-
<ng-container cdkColumnDef="userName">
21-
<md-header-cell *cdkHeaderCellDef> Name </md-header-cell>
22-
<md-cell *cdkCellDef="let row"> {{row.name}} </md-cell>
20+
<ng-container mdColumnDef="userName">
21+
<md-header-cell *mdHeaderCellDef> Name </md-header-cell>
22+
<md-cell *mdCellDef="let row"> {{row.name}} </md-cell>
2323
</ng-container>
2424

2525
<!-- Color Column -->
26-
<ng-container cdkColumnDef="color">
27-
<md-header-cell *cdkHeaderCellDef>Color</md-header-cell>
28-
<md-cell *cdkCellDef="let row" [style.color]="row.color"> {{row.color}} </md-cell>
26+
<ng-container mdColumnDef="color">
27+
<md-header-cell *mdHeaderCellDef>Color</md-header-cell>
28+
<md-cell *mdCellDef="let row" [style.color]="row.color"> {{row.color}} </md-cell>
2929
</ng-container>
3030

31-
<md-header-row *cdkHeaderRowDef="displayedColumns"></md-header-row>
32-
<md-row *cdkRowDef="let row; columns: displayedColumns;"></md-row>
31+
<md-header-row *mdHeaderRowDef="displayedColumns"></md-header-row>
32+
<md-row *mdRowDef="let row; columns: displayedColumns;"></md-row>
3333
</md-table>
3434
</div>

‎src/material-examples/table-filtering/table-filtering-example.html

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -11,30 +11,30 @@
1111
The actual rendered columns are set as a property on the row definition" -->
1212

1313
<!-- ID Column -->
14-
<ng-container cdkColumnDef="userId">
15-
<md-header-cell *cdkHeaderCellDef> ID </md-header-cell>
16-
<md-cell *cdkCellDef="let row"> {{row.id}} </md-cell>
14+
<ng-container mdColumnDef="userId">
15+
<md-header-cell *mdHeaderCellDef> ID </md-header-cell>
16+
<md-cell *mdCellDef="let row"> {{row.id}} </md-cell>
1717
</ng-container>
1818

1919
<!-- Progress Column -->
20-
<ng-container cdkColumnDef="progress">
21-
<md-header-cell *cdkHeaderCellDef> Progress </md-header-cell>
22-
<md-cell *cdkCellDef="let row"> {{row.progress}}% </md-cell>
20+
<ng-container mdColumnDef="progress">
21+
<md-header-cell *mdHeaderCellDef> Progress </md-header-cell>
22+
<md-cell *mdCellDef="let row"> {{row.progress}}% </md-cell>
2323
</ng-container>
2424

2525
<!-- Name Column -->
26-
<ng-container cdkColumnDef="userName">
27-
<md-header-cell *cdkHeaderCellDef> Name </md-header-cell>
28-
<md-cell *cdkCellDef="let row"> {{row.name}} </md-cell>
26+
<ng-container mdColumnDef="userName">
27+
<md-header-cell *mdHeaderCellDef> Name </md-header-cell>
28+
<md-cell *mdCellDef="let row"> {{row.name}} </md-cell>
2929
</ng-container>
3030

3131
<!-- Color Column -->
32-
<ng-container cdkColumnDef="color">
33-
<md-header-cell *cdkHeaderCellDef> Color </md-header-cell>
34-
<md-cell *cdkCellDef="let row" [style.color]="row.color"> {{row.color}} </md-cell>
32+
<ng-container mdColumnDef="color">
33+
<md-header-cell *mdHeaderCellDef> Color </md-header-cell>
34+
<md-cell *mdCellDef="let row" [style.color]="row.color"> {{row.color}} </md-cell>
3535
</ng-container>
3636

37-
<md-header-row *cdkHeaderRowDef="displayedColumns"></md-header-row>
38-
<md-row *cdkRowDef="let row; columns: displayedColumns;"></md-row>
37+
<md-header-row *mdHeaderRowDef="displayedColumns"></md-header-row>
38+
<md-row *mdRowDef="let row; columns: displayedColumns;"></md-row>
3939
</md-table>
4040
</div>

‎src/material-examples/table-http/table-http-example.html

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -14,35 +14,35 @@
1414
The actual rendered columns are set as a property on the row definition" -->
1515

1616
<!-- Number Column -->
17-
<ng-container cdkColumnDef="number">
18-
<md-header-cell *cdkHeaderCellDef>#</md-header-cell>
19-
<md-cell *cdkCellDef="let row">{{ row.number }}</md-cell>
17+
<ng-container mdColumnDef="number">
18+
<md-header-cell *mdHeaderCellDef>#</md-header-cell>
19+
<md-cell *mdCellDef="let row">{{ row.number }}</md-cell>
2020
</ng-container>
2121

2222
<!-- Title Column -->
23-
<ng-container cdkColumnDef="title">
24-
<md-header-cell *cdkHeaderCellDef>Title</md-header-cell>
25-
<md-cell *cdkCellDef="let row">{{ row.title }}</md-cell>
23+
<ng-container mdColumnDef="title">
24+
<md-header-cell *mdHeaderCellDef>Title</md-header-cell>
25+
<md-cell *mdCellDef="let row">{{ row.title }}</md-cell>
2626
</ng-container>
2727

2828
<!-- State Column -->
29-
<ng-container cdkColumnDef="state">
30-
<md-header-cell *cdkHeaderCellDef>State</md-header-cell>
31-
<md-cell *cdkCellDef="let row">{{ row.state }}</md-cell>
29+
<ng-container mdColumnDef="state">
30+
<md-header-cell *mdHeaderCellDef>State</md-header-cell>
31+
<md-cell *mdCellDef="let row">{{ row.state }}</md-cell>
3232
</ng-container>
3333

3434
<!-- Created Column -->
35-
<ng-container cdkColumnDef="created_at">
36-
<md-header-cell *cdkHeaderCellDef
35+
<ng-container mdColumnDef="created_at">
36+
<md-header-cell *mdHeaderCellDef
3737
md-sort-header
3838
disableClear="true">
3939
Created
4040
</md-header-cell>
41-
<md-cell *cdkCellDef="let row">{{ row.created_at | date }}</md-cell>
41+
<md-cell *mdCellDef="let row">{{ row.created_at | date }}</md-cell>
4242
</ng-container>
4343

44-
<md-header-row *cdkHeaderRowDef="displayedColumns"></md-header-row>
45-
<md-row *cdkRowDef="let row; columns: displayedColumns;"></md-row>
44+
<md-header-row *mdHeaderRowDef="displayedColumns"></md-header-row>
45+
<md-row *mdRowDef="let row; columns: displayedColumns;"></md-row>
4646
</md-table>
4747

4848
<md-paginator [length]="dataSource.resultsLength"

‎src/material-examples/table-overview/table-overview-example.html

Lines changed: 17 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -18,14 +18,14 @@
1818
The actual rendered columns are set as a property on the row definition" -->
1919

2020
<!-- Checkbox Column -->
21-
<ng-container cdkColumnDef="select">
22-
<md-header-cell *cdkHeaderCellDef>
21+
<ng-container mdColumnDef="select">
22+
<md-header-cell *mdHeaderCellDef>
2323
<md-checkbox (change)="$event ? masterToggle() : null"
2424
[checked]="isAllSelected()"
2525
[indeterminate]="selection.hasValue() && !isAllSelected()">
2626
</md-checkbox>
2727
</md-header-cell>
28-
<md-cell *cdkCellDef="let row">
28+
<md-cell *mdCellDef="let row">
2929
<md-checkbox (click)="$event.stopPropagation()"
3030
(change)="$event ? selection.toggle(row.id) : null"
3131
[checked]="selection.isSelected(row.id)">
@@ -34,31 +34,31 @@
3434
</ng-container>
3535

3636
<!-- ID Column -->
37-
<ng-container cdkColumnDef="userId">
38-
<md-header-cell *cdkHeaderCellDef md-sort-header> ID </md-header-cell>
39-
<md-cell *cdkCellDef="let row"> {{row.id}} </md-cell>
37+
<ng-container mdColumnDef="userId">
38+
<md-header-cell *mdHeaderCellDef md-sort-header> ID </md-header-cell>
39+
<md-cell *mdCellDef="let row"> {{row.id}} </md-cell>
4040
</ng-container>
4141

4242
<!-- Progress Column -->
43-
<ng-container cdkColumnDef="progress">
44-
<md-header-cell *cdkHeaderCellDef md-sort-header> Progress </md-header-cell>
45-
<md-cell *cdkCellDef="let row"> {{row.progress}}% </md-cell>
43+
<ng-container mdColumnDef="progress">
44+
<md-header-cell *mdHeaderCellDef md-sort-header> Progress </md-header-cell>
45+
<md-cell *mdCellDef="let row"> {{row.progress}}% </md-cell>
4646
</ng-container>
4747

4848
<!-- Name Column -->
49-
<ng-container cdkColumnDef="userName">
50-
<md-header-cell *cdkHeaderCellDef md-sort-header> Name </md-header-cell>
51-
<md-cell *cdkCellDef="let row"> {{row.name}} </md-cell>
49+
<ng-container mdColumnDef="userName">
50+
<md-header-cell *mdHeaderCellDef md-sort-header> Name </md-header-cell>
51+
<md-cell *mdCellDef="let row"> {{row.name}} </md-cell>
5252
</ng-container>
5353

5454
<!-- Color Column -->
55-
<ng-container cdkColumnDef="color">
56-
<md-header-cell *cdkHeaderCellDef md-sort-header> Color </md-header-cell>
57-
<md-cell *cdkCellDef="let row" [style.color]="row.color"> {{row.color}} </md-cell>
55+
<ng-container mdColumnDef="color">
56+
<md-header-cell *mdHeaderCellDef md-sort-header> Color </md-header-cell>
57+
<md-cell *mdCellDef="let row" [style.color]="row.color"> {{row.color}} </md-cell>
5858
</ng-container>
5959

60-
<md-header-row *cdkHeaderRowDef="displayedColumns"></md-header-row>
61-
<md-row *cdkRowDef="let row; columns: displayedColumns;"
60+
<md-header-row *mdHeaderRowDef="displayedColumns"></md-header-row>
61+
<md-row *mdRowDef="let row; columns: displayedColumns;"
6262
[class.example-selected-row]="selection.isSelected(row.id)"
6363
(click)="selection.toggle(row.id)">
6464
</md-row>

‎src/material-examples/table-pagination/table-pagination-example.html

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -6,31 +6,31 @@
66
The actual rendered columns are set as a property on the row definition" -->
77

88
<!-- ID Column -->
9-
<ng-container cdkColumnDef="userId">
10-
<md-header-cell *cdkHeaderCellDef> ID </md-header-cell>
11-
<md-cell *cdkCellDef="let row"> {{row.id}} </md-cell>
9+
<ng-container mdColumnDef="userId">
10+
<md-header-cell *mdHeaderCellDef> ID </md-header-cell>
11+
<md-cell *mdCellDef="let row"> {{row.id}} </md-cell>
1212
</ng-container>
1313

1414
<!-- Progress Column -->
15-
<ng-container cdkColumnDef="progress">
16-
<md-header-cell *cdkHeaderCellDef> Progress </md-header-cell>
17-
<md-cell *cdkCellDef="let row"> {{row.progress}}% </md-cell>
15+
<ng-container mdColumnDef="progress">
16+
<md-header-cell *mdHeaderCellDef> Progress </md-header-cell>
17+
<md-cell *mdCellDef="let row"> {{row.progress}}% </md-cell>
1818
</ng-container>
1919

2020
<!-- Name Column -->
21-
<ng-container cdkColumnDef="userName">
22-
<md-header-cell *cdkHeaderCellDef> Name </md-header-cell>
23-
<md-cell *cdkCellDef="let row"> {{row.name}} </md-cell>
21+
<ng-container mdColumnDef="userName">
22+
<md-header-cell *mdHeaderCellDef> Name </md-header-cell>
23+
<md-cell *mdCellDef="let row"> {{row.name}} </md-cell>
2424
</ng-container>
2525

2626
<!-- Color Column -->
27-
<ng-container cdkColumnDef="color">
28-
<md-header-cell *cdkHeaderCellDef> Color </md-header-cell>
29-
<md-cell *cdkCellDef="let row" [style.color]="row.color"> {{row.color}} </md-cell>
27+
<ng-container mdColumnDef="color">
28+
<md-header-cell *mdHeaderCellDef> Color </md-header-cell>
29+
<md-cell *mdCellDef="let row" [style.color]="row.color"> {{row.color}} </md-cell>
3030
</ng-container>
3131

32-
<md-header-row *cdkHeaderRowDef="displayedColumns"></md-header-row>
33-
<md-row *cdkRowDef="let row; columns: displayedColumns;"></md-row>
32+
<md-header-row *mdHeaderRowDef="displayedColumns"></md-header-row>
33+
<md-row *mdRowDef="let row; columns: displayedColumns;"></md-row>
3434
</md-table>
3535

3636
<md-paginator #paginator

‎src/material-examples/table-sorting/table-sorting-example.html

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -5,30 +5,30 @@
55
The actual rendered columns are set as a property on the row definition" -->
66

77
<!-- ID Column -->
8-
<ng-container cdkColumnDef="userId">
9-
<md-header-cell *cdkHeaderCellDef md-sort-header> ID </md-header-cell>
10-
<md-cell *cdkCellDef="let row"> {{row.id}} </md-cell>
8+
<ng-container mdColumnDef="userId">
9+
<md-header-cell *mdHeaderCellDef md-sort-header> ID </md-header-cell>
10+
<md-cell *mdCellDef="let row"> {{row.id}} </md-cell>
1111
</ng-container>
1212

1313
<!-- Progress Column -->
14-
<ng-container cdkColumnDef="progress">
15-
<md-header-cell *cdkHeaderCellDef md-sort-header> Progress </md-header-cell>
16-
<md-cell *cdkCellDef="let row"> {{row.progress}}% </md-cell>
14+
<ng-container mdColumnDef="progress">
15+
<md-header-cell *mdHeaderCellDef md-sort-header> Progress </md-header-cell>
16+
<md-cell *mdCellDef="let row"> {{row.progress}}% </md-cell>
1717
</ng-container>
1818

1919
<!-- Name Column -->
20-
<ng-container cdkColumnDef="userName">
21-
<md-header-cell *cdkHeaderCellDef md-sort-header> Name </md-header-cell>
22-
<md-cell *cdkCellDef="let row"> {{row.name}} </md-cell>
20+
<ng-container mdColumnDef="userName">
21+
<md-header-cell *mdHeaderCellDef md-sort-header> Name </md-header-cell>
22+
<md-cell *mdCellDef="let row"> {{row.name}} </md-cell>
2323
</ng-container>
2424

2525
<!-- Color Column -->
26-
<ng-container cdkColumnDef="color">
27-
<md-header-cell *cdkHeaderCellDef md-sort-header> Color </md-header-cell>
28-
<md-cell *cdkCellDef="let row" [style.color]="row.color"> {{row.color}} </md-cell>
26+
<ng-container mdColumnDef="color">
27+
<md-header-cell *mdHeaderCellDef md-sort-header> Color </md-header-cell>
28+
<md-cell *mdCellDef="let row" [style.color]="row.color"> {{row.color}} </md-cell>
2929
</ng-container>
3030

31-
<md-header-row *cdkHeaderRowDef="displayedColumns"></md-header-row>
32-
<md-row *cdkRowDef="let row; columns: displayedColumns;"></md-row>
31+
<md-header-row *mdHeaderRowDef="displayedColumns"></md-header-row>
32+
<md-row *mdRowDef="let row; columns: displayedColumns;"></md-row>
3333
</md-table>
3434
</div>

0 commit comments

Comments
 (0)