Table: Style Not Applied To Native Table
See original GitHub issueBug, 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
Issue Analytics
- State:
- Created 5 years ago
- Comments:5
Top Results From Across the Web
Bootstrap table style not applying to JS generated table
I have been trying to generate an HTML table using JS and apply it a Bootstrap css style. I can't seem to get...
Read more >Styling tables - Learn web development | MDN
This article provides a guide to making HTML tables look good, with some specific table styling techniques highlighted. Prerequisites: HTML ...
Read more >Cellstyles are not being applied, when creating a table or ...
Solved: Hi Indesign-Friends, I set up some custom tablestyles, containing some custom cellstyles for header and footer rows, left and right ...
Read more >Angular PrimeNG Table Styling - GeeksforGeeks
The Table component shows some data to the user in tabular form. The table can be styled by adding classes to different sections...
Read more >Table.TableLook Property | .NET File Format Library
Gets or sets the table style options that modify the table appearance. ... Specifies that column banding formatting is not applied to the...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
@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
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.