Tablas
Tablas dinámicas
Se recomienda el uso de este formato de tabla cuando sea necesario aplicar acciones que pueda afectar a más de un registro. Estas tablas solo definen la apariencia visual que deberán tener en base a lo establecido en el Manual de UI y la interacciones que éstas puedan tener deberán implementarse según la tecnología utilizada por el aplicativo donde sean utilizadas. Las columnas pueden incluír un elemento para filtrado y ordenamiento de ser necesario.
Dependiendo del vólumen de registros el filtrado, ordenamiento y paginado deberá realizarse utilizando alguna teconología de backend y de ninguna manera realizar estas tareas desde el front end.
Actions | ||||
---|---|---|---|---|
Tyson Moses
CONTPAQi
|
tysonmoses@isopop.com | +1 (865) 589-3578 | ||
Shauna House
CONTPAQi
|
shaunahouse@rameon.com | +1 (926) 551-2846 | ||
Lila Kaufman
CONTPAQi
|
lilakaufman@polarium.com | +1 (825) 495-2162 | ||
Arnold Matthews
CONTPAQi
|
arnoldmatthews@pushcart.com | +1 (878) 556-3938 | ||
Alfreda Delgado
CONTPAQi
|
alfredadelgado@tourmania.com | +1 (965) 446-2365 |
La columna de acciones no deberá de tener más de 3 acciones (botones). En el caso de tener más de 3 acciones deberá utilizarse un dropdown el cual contendrá todas las acciones requeridas.
Tablas estáticas
Tienen la misma estructura que una tabla dinámica con la única diferencia que éstas no deben tener filtros y/o contener una columna para permitir seleccionar más de un registro.
Name | Phone | Actions | |
---|---|---|---|
Tyson Moses
|
tysonmoses@isopop.com | +1 (865) 589-3578 | |
Shauna House
|
shaunahouse@rameon.com | +1 (926) 551-2846 | |
Lila Kaufman
|
lilakaufman@polarium.com | +1 (825) 495-2162 | |
Arnold Matthews
|
arnoldmatthews@pushcart.com | +1 (878) 556-3938 | |
Alfreda Delgado
|
alfredadelgado@tourmania.com | +1 (965) 446-2365 |
Toolbar
Se utiliza para colocar las acciones relacionas con una tabla. Se puede utilizar tanto para tablas dinámicas como estásticas.
Cuando la tabla asociada a la barra de herramientas contenga una columna para selección masiva, se deberá agregar un botón dropdown con las opciones necesarias.