search

daniel-nagy / md-data-table

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

Problems in mobile #318

Open gabrielAnzaldo opened 8 years ago

gabrielAnzaldo commented 8 years ago

It seems that the library is not res bug-md-table ponsive, I test in the "resizer" tool of Google, image attached.

mrtnjln commented 8 years ago

:+1:

hectorgr commented 8 years ago

Try use this at the end of your CSS @media screen and (max-width: 460px) { .md-table-pagination { display: table !important; margin: 10px auto; padding-top: 10px; } .md-table-pagination .label, md-table-pagination .md-table-select { display: table-header-group !important; } .md-table-pagination .label { text-align: center; } .md-table-pagination .md-table-select .md-select-value { margin: 0 auto; width: 60px; text-align: center; } .md-table-pagination .md-button:nth-of-type(1) { margin-left: 0 !important; } }

gabrielAnzaldo commented 8 years ago

Thanks, I will try.

zaverichintan commented 8 years ago

solved your problem ? I am also facing the same issue

hectorgr commented 8 years ago

https://github.com/daniel-nagy/md-data-table/issues/286