Table: Style Not Applied To Native Table

Bug, feature request, or proposal:

Mat table styling is not applied to native table unless there exists a mat-table that loads the mat-table css

What is the expected behavior?

Style should be applied to table regardless if mat-table has been used.

What is the current behavior?

If mat-table is not used in the code, then the appropriate css is not loaded. So, if you are styling a native table without using mat-table somewhere, then the css will not be loaded and applied.

Example:

If I have a page with a native table with the mat-table styling and I navigate to it, then the styling will not be applied. But, if I then navigate to a page with a mat-table then navigate back, the styling will be applied to the native table since the css is loaded.

What are the steps to reproduce?

Open Native Table example in Stackblitz

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

Angular 6.0.1 Material 6.1.0

[vbartolini]

@josephjohansson It really works! I’m newbie in the Angular and spent 4 hours wondering why all examples in web are not working. Thank you!!!

Angular 6.1.10

[angular-automatic-lock-bot[bot]]

This issue has been automatically locked due to inactivity. Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}