From 1b79e92696fea4736f7b3be42e9c50e0d15fb79d Mon Sep 17 00:00:00 2001
From: Kristiyan Kostadinov <crisbeto@users.noreply.github.com>
Date: Fri, 12 Jan 2018 15:57:26 +0100
Subject: [PATCH] fix(table): row content not centered in IE (#6820)

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 661542ddec5..c6d5d97efe2 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 {