From 2e830661a98411f1c7dcd11b97b1c1684effcd2f Mon Sep 17 00:00:00 2001
From: crisbeto <crisbeto@abv.bg>
Date: Wed, 10 Jan 2018 19:14:47 +0100
Subject: [PATCH] fix(table): row content not centered in IE

Fixes the table row content not being centered vertically in IE due to a flex bug.

Fixes #6813.
---
 src/lib/table/table.scss | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/lib/table/table.scss b/src/lib/table/table.scss
index 661542ddec57..c6d5d97efe2e 100644
--- a/src/lib/table/table.scss
+++ b/src/lib/table/table.scss
@@ -12,6 +12,15 @@ $mat-row-horizontal-padding: 24px;
   align-items: center;
   min-height: $mat-row-height;
   padding: 0 $mat-row-horizontal-padding;
+
+  // Workaround for https://goo.gl/pFmjJD in IE 11. Adds a pseudo
+  // element that will stretch the row the correct height. See:
+  // https://connect.microsoft.com/IE/feedback/details/802625
+  &::after {
+    display: inline-block;
+    min-height: inherit;
+    content: '';
+  }
 }
 
 .mat-cell, .mat-header-cell {