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.

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

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 Email 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.