daniel-nagy / md-data-table

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

Pagination Styling #504

Closed kelleysy closed 7 years ago

kelleysy commented 7 years ago

Hi,

I was wondering if there was a way to style the pagination features so that text can be in between the arrows? Something like the screenshot..

screen shot 2016-11-11 at 11 29 31 am

daniel-nagy commented 7 years ago

You can use the flex order property, here is an example, http://codepen.io/anon/pen/gLPNVN

kelleysy commented 7 years ago

Thanks!

I styled it using CSS: .md-table-pagination > .buttons > .md-button.md-icon-button:first-of-type { order: -1; }