Gestión de datos
Patrones de tabla y CRUD
Gramática avanzada de tablas: vistas guardadas, orden, visibilidad de columnas, CRUD, acciones masivas y recuperación de estado.
Vistas guardadas
Persisten modelos mentales: ejecutivo, riesgo, facturación y cortes operativos custom.
Ordenamiento
Usá aria-sort y dirección visible. Ordenar es estado de tabla, no decoración.
Visibilidad de columnas
Permití reducir densidad sin perder acciones de fila ni caminos de recuperación.
Acciones masivas
La selección revela una toolbar con conteo, limpiar y confirmación para acciones destructivas.
Superficies CRUD
Agregar/editar usa sheets de form; eliminar usa confirmación; ver preserva contexto.
Cobertura de estados
Carga, vacío, sin resultados y errores recuperables son parte del contrato del componente.
Tabla de riesgo de clientes
Tabla desktop con cards mobile y acciones de fila visibles.
Vista ejecutiva
Ciclo de vida, riesgo y responsable para revisión de liderazgo. Ordenado por cliente en forma ascendente.
| Acciones | ||||||
|---|---|---|---|---|---|---|
| Atlas Cloud | Scale | Pendiente | Medio | Mateo Silva | ||
| Faro Retail | Team | Suspendido | Alto | Iris Vega | ||
| Kinetic Finance | Enterprise | Activo | Bajo | Nora Chen | ||
| Northwind Labs | Enterprise | Activo | Bajo | Ana Lopez | ||
| Orbit Ops | Scale | Activo | Medio | Theo Ruiz |
Scale · Mateo Silva
Nivel de riesgo: Medio
Team · Iris Vega
Nivel de riesgo: Alto
Enterprise · Nora Chen
Nivel de riesgo: Bajo
Enterprise · Ana Lopez
Nivel de riesgo: Bajo
Scale · Theo Ruiz
Nivel de riesgo: Medio
Estado de carga
Usá skeleton rows o un spinner contenido cuando los datos se refrescan sin ocultar la estructura de tabla.
Estado vacío
Explicá qué crea el primer registro y mantené cerca la acción primaria Agregar.
Sin resultados
Mantené filtros visibles y ofrecé un camino claro de vuelta a la vista guardada.
Error recuperable
Indicá qué falló, preservá datos actuales si es seguro y ofrecé reintento en lugar de una tabla en blanco.