SamProf / MatBlazor

Material Design components for Blazor and Razor Components
http://www.matblazor.com
MIT License
2.84k stars 384 forks source link

MatTable - Text in Headers spans on two lines #208

Open etcircle opened 4 years ago

etcircle commented 4 years ago

Hi @SamProf ,

I think there is missing CSS from the material design when it comes to tables or this is per design?

Currently, when I have something in the header as long as "Material Name", the default css doesn't expand the column width. If I add the google material design css + the necessary classes, the table expands as it should.

Regards, Emiliyan

JorenSchelkens commented 4 years ago

Hello etcircle

Could you show me how you fixed this?

pgillett commented 4 years ago

Last column is forced to 100%, and table display is inline. I've added to my site.css:

.mdc-table { display: table !important; } .mdc-table td:last-child { width: inherit !important; }

JorenSchelkens commented 4 years ago

Hello pgillett

Thanks for the help! It is now displaying the way I wanted it to display

leoganas commented 3 years ago

Last column is forced to 100%, and table display is inline. I've added to my site.css:

.mdc-table { display: table !important; } .mdc-table td:last-child { width: inherit !important; }

You save me