fix(material-experimental/mdc-table): remove bottom border for flex t…

…able (#21566) (cherry picked from commit 1ce49a3)
angular · Jan 13, 2021 · ce5d10a · ce5d10a
1 parent 2063a55
commit ce5d10a
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/src/material-experimental/mdc-table/table.scss b/src/material-experimental/mdc-table/table.scss
@@ -20,3 +20,10 @@
 .mdc-data-table__table {
   table-layout: auto;
 }
+
+// MDC table rows are styled with a top border, whereas our legacy flex table styles rows with
+// a bottom border. Remove the bottom border style from the rows and let MDC display its top
+// border.
+mat-row.mat-mdc-row, mat-header-row.mat-mdc-header-row, mat-footer-row.mat-mdc-footer-row {
+  border-bottom: none;
+}