Coder Social home page Coder Social logo

Comments (6)

gligoran avatar gligoran commented on July 30, 2024

This would be cool. Maybe something like Angular UI Bootstrap has: http://angular-ui.github.io/bootstrap/#/pagination Note how it works when you limit the maximum visible buttons.

from md-data-table.

daniel-nagy avatar daniel-nagy commented on July 30, 2024

I'm against the way bootstrap does pagination by displaying the page numbers, this does not work well on mobile. Instead I was planing on adding another drop down menu to select the page like how the 'rows per page' is selected.

This of course will be opted into via an additional attribute. I plan on removing the first and last page links by default and making them opted into as well.

from md-data-table.

gligoran avatar gligoran commented on July 30, 2024

OK, I understand about the bootstrap thing.

I do have another idea, though. What about replacing the '10-15 of 24' with 'Page 3 of 5' and then making the 3 a select like it is for per-row. Essentially I'm talking about how pagination works here, but without the bootstrap-like thingy and the click on page counter is an md-select instead of a enter a page number. So '<< < page 249 of 660 > >>'.

from md-data-table.

daniel-nagy avatar daniel-nagy commented on July 30, 2024

They might not know the page is selectable though unless we show a drop down arrow next to the current page number.

from md-data-table.

leocaseiro avatar leocaseiro commented on July 30, 2024

is this not the md-page-select? If it is, you can close this issue.

from md-data-table.

daniel-nagy avatar daniel-nagy commented on July 30, 2024

@leocaseiro yes, thanks.

from md-data-table.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.