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
Lorna Pratt
CONTPAQi
lornapratt@terragen.com +1 (984) 451-2194
Leona Blackwell
CONTPAQi
leonablackwell@elentrix.com +1 (970) 584-2623
Haley Vazquez
CONTPAQi
haleyvazquez@metroz.com +1 (905) 553-3641
Enid Tucker
CONTPAQi
enidtucker@electonic.com +1 (923) 508-3091
Callahan Kirk
CONTPAQi
callahankirk@gorganic.com +1 (837) 449-2642

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
Lorna Pratt
lornapratt@terragen.com +1 (984) 451-2194
Leona Blackwell
leonablackwell@elentrix.com +1 (970) 584-2623
Haley Vazquez
haleyvazquez@metroz.com +1 (905) 553-3641
Enid Tucker
enidtucker@electonic.com +1 (923) 508-3091
Callahan Kirk
callahankirk@gorganic.com +1 (837) 449-2642

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
Lorna Pratt
lornapratt@terragen.com +1 (984) 451-2194
Leona Blackwell
leonablackwell@elentrix.com +1 (970) 584-2623
Haley Vazquez
haleyvazquez@metroz.com +1 (905) 553-3641
Enid Tucker
enidtucker@electonic.com +1 (923) 508-3091
Callahan Kirk
callahankirk@gorganic.com +1 (837) 449-2642

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.