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
Booth Frye
CONTPAQi
boothfrye@navir.com +1 (881) 484-2497
Mona Howell
CONTPAQi
monahowell@pulze.com +1 (935) 464-2917
Lorena Horton
CONTPAQi
lorenahorton@calcu.com +1 (943) 565-3680
Conrad Austin
CONTPAQi
conradaustin@talkola.com +1 (977) 489-3769
Brandy Meyer
CONTPAQi
brandymeyer@qaboos.com +1 (843) 472-3145

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
Booth Frye
boothfrye@navir.com +1 (881) 484-2497
Mona Howell
monahowell@pulze.com +1 (935) 464-2917
Lorena Horton
lorenahorton@calcu.com +1 (943) 565-3680
Conrad Austin
conradaustin@talkola.com +1 (977) 489-3769
Brandy Meyer
brandymeyer@qaboos.com +1 (843) 472-3145

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
Booth Frye
boothfrye@navir.com +1 (881) 484-2497
Mona Howell
monahowell@pulze.com +1 (935) 464-2917
Lorena Horton
lorenahorton@calcu.com +1 (943) 565-3680
Conrad Austin
conradaustin@talkola.com +1 (977) 489-3769
Brandy Meyer
brandymeyer@qaboos.com +1 (843) 472-3145

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.