search

daniel-nagy / md-data-table

Material Design Data Table for Angular Material
MIT License
1.9k stars 520 forks source link

Is there any way to adjust column width in md-data-table? #601

Open antony007joslin opened 7 years ago

antony007joslin commented 7 years ago

capture

ghost commented 7 years ago

For first Child:

table.md-table:not(.md-row-select) td.md-cell:first-child, table.md-table:not(.md-row-select) th.md-column:first-child { padding: 0 56px 0 0; }

For Last Child:

table.md-table td.md-cell:last-child, table.md-table th.md-column:last-child { padding: 0 24px 0 0; } For Remaining:

table.md-table:not(.md-row-select) td.md-cell:nth-child(n+2):nth-last-child(n+2), table.md-table:not(.md-row-select) th.md-column:nth-child(n+2):nth-last-child(n+2) { padding: 0 56px 0 0; }

So, change 56px to your required value.