Diseño de tablas

Vamos mostrando la data poco a poco, con ayuda de la paginación.

Tipos de paginación:
.

• Numérico simple: mostrando números de página
• Botón Next: con o sin contador de elementos
• Scroll infinito: se cambia de página sólo con mover el dedo o cursor

Es importante tambien incluir esta caracteristica en los Design System del producto en el que estamos trabajando en caso de no que no este contemplado, alinear esto en diseño facilitará tocar el tema con el team de desarrollo

Diseño de tablas

Objetivos

• Conoceremos la estructura de la que se muestra en una tabla.
• Algunas funcionalidades y los aspectos del desarrollo a considerar a la hora diseñar tus tablas.

Estructura de la data

• Así se ven los datos en su forma más común en un entorno de desarrollo, el formato es JSON.

• Este es un ejemplo de la implementación de los datos en una tabla, más lindo a la vista para el usuario.

¿Por qué no mostramos todos los registros?

• Velocidad de internet
• Memoria del propio dispositivo

Esto porque a veces son miles o millones de datos para mostrarlos todos a la vez, así que usamos una paginación de datos para mostrarlos poco a poco.

Tipos de paginación

• Numérico

• Botón Previous-Next

• Scroll infinito

Implementación de la paginación

• Página activa.
• Contador de elementos.
• Cantidad de registros por página.
• ¿Necesitas mostrar número de las páginas?