[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 と、ハイライトの位置合わせを比較します。クリックしたときにチェックボックスとハイライトされた選択範囲の位置がずれなければ完了です。

索引モデルが issue の本文から書いたものです。