[Table] Checkbox moves place when clicked

#### Bug, feature request, or proposal:
Bug

#### What is the expected behavior?
When selecting a checkbox within a table, the highlighted selection highlighting should not move up.

#### What is the current behavior?
The alignment of the highlighting is not aligned with the checkbox itself.

#### What are the steps to reproduce?
Providing a StackBlitz/Plunker (or similar) is the *best* way to get the team to see your issue.

Plunker starter (using on `@master`): https://goo.gl/uDmqyY

StackBlitz starter (using latest `npm` release): https://goo.gl/wwnhMV

This existing table example at the following URL does not work properly with material 5.0.0*

https://stackblitz.com/edit/angular-material2-table

#### What is the use-case or motivation for changing an existing behavior?
It's a bug

#### Which versions of Angular, Material, OS, TypeScript, browsers are affected?
Material: 5.0.0-rc0, 5.0.0-rc.1
The bug does not exist in 2.0.0-beta.12

#### Is there anything else we should know?
No

从 https://stackblitz.com/edit/angular-material2-table 上现有的 Angular Material table example 开始，使用报告中的 Material 5.0.0 版本。复现复选框选择，并将其高亮对齐情况与 Material 2.0.0-beta.12 进行比较，据报告该版本不会出现此 bug。点击时复选框和高亮的选择保持对齐即表示完成。

由索引模型根据 Issue 内容生成。