Skip to content

Commit 5ecd74c

Browse files
authored
docs(material/table): update MDC changes (#25717)
1 parent 91bffff commit 5ecd74c

File tree

1 file changed

+9
-11
lines changed

1 file changed

+9
-11
lines changed

guides/v15-mdc-migration.md

Lines changed: 9 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -545,28 +545,26 @@ TODO(mmalerba): link to density docs once they exist.
545545

546546
### Table
547547

548-
* Every cell has `16px` left and right padding. Previously only a `24px` padding applied to the
549-
leftmost and rightmost cells.
548+
* All cells have a `16px` left and right padding instead of just the leftmost and rightmost cells having a padding of `24px`.
550549

551-
* Header text size and color matches the data rows.
550+
* Header cells have the same color and text size as the data rows instead of having more grayish and smaller text.
552551

553-
* Text will not wrap by default; to enable text wrapping, apply the `white-space: normal` style to
554-
the table cell.
552+
* Cell text no longer wraps by default. Cell wrapping can be enabled by applying `white-space: normal` to
553+
the table cells.
555554

556555
* Row height is `52px` instead of `48px`.
557556

558-
* Cells have box-sizing `border-box` instead of `content-box`. This may affect custom width styles.
557+
* Cell box-sizing is `border-box` instead of `content-box`. This may affect custom width styles.
558+
559+
* The table's last row does not include a bottom border row because the table is expected to have a border.
559560

560561
* The paginator property of the `MatTableDataSource` has a generic interface that matches most of
561562
the paginator API. You may need to explicitly type the paginator to access the full API, e.g.
562563
`new MatTableDataSource<MyData, MatPaginator>();`
563564

564-
* MDC-based flex tables (`<mat-table>`) display borders on their cells instead of the rows.
565-
566-
* The last row of the table no longer has a bottom border since the table is assumed to be
567-
surrounded by a border.
565+
* Flex tables (`<mat-table>`) display a border on the cells instead of rows.
568566

569-
* Flex table row height is set using `height` instead of `min-height`.
567+
* Flex table (`<mat-table>`) row height is set with `height` instead of `min-height`.
570568

571569
### Tabs
572570

0 commit comments

Comments
 (0)