[Table] Add column resizing

#### Bug, feature request, or proposal:
Nice to have

#### What is the expected behavior?

right hand of the sort un-down icon, between column, add an vertical left-right line icon, it will show icon when mouse hover on the column border line
#### What is the current behavior?

NO
#### 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

#### What is the use-case or motivation for changing an existing behavior?
With sort/paging and html5 content edit, we can easily do grid edit now, even without cdk grid. But column resize is pain, we need add css separately.

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

5
#### Is there anything else we should know?
group by column feature can implement via embedded html table

Begin with the linked StackBlitz or Plunker examples to reproduce the Angular Material table behavior and inspect the table implementation they exercise. Clarify the resize interaction and affected table surfaces with maintainers before choosing files. Done means users can discoverably resize columns without adding separate CSS.

Written by the indexing model from the issue text.