angular / angular/components

[Paginator] Add jump-to-page functionality

Abierto
#7,615 34 comentarios 43 reacciones 0 asignados Ver en GitHub
area: material/paginator feature P3
Lenguaje dominante
TypeScript
Estrellas
25k
Forks
6.8k
Merge medio
1 d 8 h
PR fusionados (30 d)
91

Descripción

#### Bug, feature request, or proposal:
Feature request

#### What is the expected behavior?
To be able to jump to a specific page using a dropdown populated with page numbers. The dropdown should be next in line after the `Items per page` dropdown, so you can choose the page size and then the page number you want to go to.

Don't know if the following part is smart, but in use cases where the page number is large, a `step` input can be implemented. If the total number of pages is 500, and the step is 5, the `Page number` dropdown would hold only pages 1, 5, 10, 15, 20 .... so the user can get to the desired page in as little scrolling and as few clicks as possible.

#### What is the current behavior?
To get to a specific page you have to go page by page

#### What is the use-case or motivation for changing an existing behavior?
In my case, I have a 100 item per page list, that has 3500 total items sorted by date and the users land at the last page. If the users wants to check the items that were added at the beginning of the year, they know that they should be looking at items from 1 to at least 300, so that is 32 clicks to get to the desired items. As the total page count gets bigger, the harder it is to get to the last pages (first pages in my case).

Guía de contribución

Abrir la guía de contribución

Línea de trabajo

Comienza en el punto de entrada del paginador de Angular e inspecciona cómo se renderiza el menú desplegable existente „Items per page“ y cómo está conectado con la navegación por páginas. Revisa el menú desplegable solicitado para los números de página, su ubicación y el comportamiento opcional de pasos; se considera completado cuando los usuarios pueden seleccionar directamente una página específica sin avanzar página por página.

Escrito por el modelo de indexación a partir del texto del issue.

Evaluación

Stack tecnológico
angular, typescript
Área
frontend
Tipo de issue
Nueva funcionalidad
Dificultad
5/5
Tiempo estimado
Más de una semana
Estado de actividad
Estancado
Claridad
Bastante claro
Aptitud para principiantes
30/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.