Usos y normas de las tablas

Las tablas se utilizan para organizar y mostrar información estructurada en filas y columnas, facilitando la lectura, comparación y análisis de datos dentro de la interfaz.

Permiten presentar grandes cantidades de información de forma clara, manteniendo jerarquía y orden visual.

Normas de uso

1. Utilizar encabezados claros

Cada columna debe tener un título descriptivo que permita entender rápidamente la información presentada.

2. Mantener consistencia en el contenido de las columnas

Cada celda debe contener un tipo de dato que sea consistente con el título de la columna.

3. Limitar la cantidad de columnas visibles

Evitar tablas demasiado anchas que dificulten la lectura.

Recomendado:

Entre 4 y 10 columnas visibles.

Cuando existan más columnas, considerar:

Scroll horizontal
Expand row
Column toggle

Evitar, en la medida de lo posible, el uso de scroll horizontal. Solo debe utilizarse en casos excepcionales, cuando la cantidad de información lo requiera.

4. Priorizar información relevante

Las columnas más importantes deben ubicarse a la izquierda, ya que son las primeras que el usuario visualiza.

Ejemplo de orden recomendado:

Tener en cuenta que las columnas se pueden organizar si hay un sentido en la lectura de los datos.

5. Uso de las acciones

Las tablas pueden incluir acciones asociadas a cada registro, como:

Ver detalle
Editar
Eliminar
Descargar

Estas acciones puede ubicarse en la última columna cuando es una acción transversal o estar asociadas a un dato específico.

6. Evitar sobrecargar las filas

No incluir demasiados elementos visuales dentro de una misma fila.

Evitar mezclar en exceso:

Botones
Iconos
Badges
Chips
Links

La prioridad debe ser la lectura de los datos.

Buenas prácticas

Usar paginación cuando existen mas de 10 registros
Permitir ordenar columnas cuando aplique
Usar filtros para facilitar la búsqueda
Mantener alineación consistente de los datos, por ejemplo los valores de moneda deben estar alineados a la derecha