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