[Table] IE rows are not centered vertically

[davidmorissette]

Bug, feature request, or proposal:

Bug

What is the expected behavior?

Rows should be centered vertically in IE

What is the current behavior?

What are the steps to reproduce?

What is the use-case or motivation for changing an existing behavior?

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

Material 2.0.0-beta.10

Is there anything else we should know?

This can fix the problem:

.mat-header-row, .mat-row {
height: 48px;
}

I believe IE does not honor min-height when using flex display.

[donroyco]

Full screenshot via BrowserStack that addresses the problem (Windows 10, Internet Explorer 11).

[JaanaTwt]

This worked for me in IE11:

.mat-header-row, .mat-row {
height: 65px;
}