Tablas
| Columna 1 |
Columna 2 |
| Celda-1-1 |
Celda Vacia
-
|
| Celda-2-1 |
Celda-2-2 |
Ejemplo:
<sede:component fragment="/fragmentos/componentes/table" containerClass="col-xs-12 col-sm-6" json="{
'theads' : [
{
'key': 'key1',
'name': 'Columna 1',
},
{
'key': 'key2',
'name': 'Columna 2',
},
],
'tableCells': [
{
'tr1': {
'data': {
'key1': 'Celda-1-1',
}
},
'tr2': {
'data': {
'key1': 'Celda-2-1',
'key2': 'Celda-2-2',
}
},
}
],
}"></sede:component>
| Globales |
| Atributo |
Descripción |
Valor por defecto |
| clase |
Clase HTML - Clases que se podrán agregar a la tabla |
'table-bordered table-hover' |
| containerClass |
Clase HTML - Controlador general del contenedor |
' ' |
| Locales |
| Atributo |
Descripción |
Valor por defecto |
| theads |
JSONArray - Obligatorio Objeto que define los encabezados de la tabla
Los valores pueden ir estructurados como un array de cadenas de texto. Pero es posible pasarle ademas un objeto con los campos data con el valor del encabezado y config con las clases para estilar el encabezado individualmente.
|
' ' |
| tableCells |
JSONArray - Obligatorio Objeto que define las celdas de la tabla |
' ' |
| tr(*n) |
JSONArray - Objeto donde definirimos los datos del cuerpo de la tabla. El nombre que le demos es arbitrario.
Acepta 2 parámetros: "config" y "data".
-
config: Configuracion de la fila en general.
-
data: Configuracion de las celdas de esa fila tipo llave-valor. Debe tener como llave el mismo valor que se indicó en theads. Este a su vez acepta "config" donde podremos asignar clases a la celda individual. Debemos pasarle la misma Key con la que la definimos. (Si usamos una key no definida, esta se ignora)
Tambien es posible pasarle un parametro "include" bajo el nombre de la key definida para incorporar fragmentos complejos dentro de la celda
|
' ' |
