Skip to content

Commit 1ce49a3

Browse files
authored
fix(material-experimental/mdc-table): remove bottom border for flex table (#21566)
1 parent 8aebd03 commit 1ce49a3

File tree

1 file changed

+7
-0
lines changed

1 file changed

+7
-0
lines changed

src/material-experimental/mdc-table/table.scss

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -20,3 +20,10 @@
2020
.mdc-data-table__table {
2121
table-layout: auto;
2222
}
23+
24+
// MDC table rows are styled with a top border, whereas our legacy flex table styles rows with
25+
// a bottom border. Remove the bottom border style from the rows and let MDC display its top
26+
// border.
27+
mat-row.mat-mdc-row, mat-header-row.mat-mdc-header-row, mat-footer-row.mat-mdc-footer-row {
28+
border-bottom: none;
29+
}

0 commit comments

Comments
 (0)