[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

[RDevR99]

Any Updates on a stable solution yet?

[lujian98]

Did some search and get the material table column resizing working.

Code is here: https://github.com/lujian98/Angular-material-table-Resize

Demo at: https://stackblitz.com/edit/angular-rtfc5v