Dashboards Customize
Alternativa UX A · 25 filas fijas (Shopify) B · Primeras 100 con scroll C · Paginación nativa (10/pág, máx. 100) D · Load more (25 → 100) E · Preview 25 + expandir a modal
Ancho del widget S · 4 de 12 columnas M · 6 de 12 L · 8 de 12 XL · 12 de 12
Estado Con datos Loading Sin datos Error Sin permisos (locked)
GBP £ USD $ EUR € GBP £ Last data synced 7 min ago

Gross Sales

£136,990.46 ↗ 42.10%
From 1 source

Net Sales

£133,667.59 ↗ 38.72%
From 1 source

Taxes

£22,957.35 ↗ 12.04%
From 1 source

Total Sales

£158,813.94 ↗ 40.55%
From 1 source
A · 25 filas fijasNativo A favorParidad con Shopify. Altura y costo de carga predecibles. En contraPara ver más hay que salir del dashboard al reporte. B · Primeras 100 con scrollParcial A favorMás datos sin salir del dashboard. En contraScroll anidado dentro de la página. El header de s-table no queda fijo (vive en shadow DOM) y se pierde al bajar. 4× más carga. C · Paginación nativaNativo A favor100% nativo: paginate + nextpage + loading. Altura fija sin scroll interno, el header siempre se ve. En contraMás clics y se pierde contexto entre páginas. 10 filas por página para no exceder la altura del widget. D · Load moreParcial A favorCarga bajo demanda con feedback nativo (s-button loading). En contraMismo scroll anidado que B. No se sabe cuántas filas hay hasta llegar al final. E · Preview + expandirNativoRecomendada A favorDashboard limpio como A. s-modal large-100 con todas las filas y columnas, búsqueda y paginación nativa; apertura y cierre con la transición nativa del modal. En contraUn paso extra. En el editor (ya es un max modal) no se puede anidar otro modal: ahí solo se muestra el preview. Priorizar columnasElegida A favorSiempre se ven las 4 columnas clave (Month, Order, Product, Total sales). Sin scroll horizontal dentro de un widget que ya tiene scroll vertical. El footer avisa "4 of 11 columns" y el modal muestra todas. En contraHay que definir una prioridad por columna. Para custom reports: dimensiones primero, luego la métrica de VISUALIZE, luego el resto en el orden de SHOW. Scroll horizontalNativo A favorCero configuración: s-table ya hace scroll horizontal cuando no caben las columnas. En contraScroll en dos ejes dentro de una card pequeña. En S/M se ve 1–2 columnas y la métrica principal (a la derecha) queda fuera de vista. Variante lista (mobile)Nativo A favorBajo 380px s-table pasa a variant="list" con listSlot por columna: cada fila es una tarjeta con producto, orden y total. En contraSe pierde la lectura en columnas; la fila de totales se ve como un ítem más. Alternativa E: preview de 25 filas + expandir a s-modal large-100, con prioridad de columnas según el ancho del widget. Mantiene la paridad con Shopify (25 filas, mismo costo de carga que A) y el dashboard no gana scroll anidado. Ver todas las filas y columnas no saca al usuario del dashboard: el modal trae búsqueda y paginación nativa de s-table. 100% componentes nativos. B y D quedan descartadas porque el header de s-table no puede ser sticky (shadow DOM). Fallback: C (paginación en el widget) si se necesita navegar sin modal, por ejemplo dentro del editor, donde no se puede anidar un modal. Estados cubiertos: con datos, loading (s-table loading), sin datos, error con reintento y sin permisos (no se cargan datos ni encabezados; el título deja de ser link y se ofrece "Request access").