Componente Tabla
Este componente te permite crear tablas de datos con las variables del flujo. De esta manera, puedes visualizar la información que indiques en una tabla que se genera automáticamente mientras se ejecuta un flujo.
¿Cómo agregar filas y columnas a una Tabla?
Las tablas de Kosmos, en un principio se conforman de dos columnas y dos filas, sin embargo, al momento de configurarla, puedes agregar más columnas o filas según tus necesidades.
Las columnas iniciales se identifican como “Columna 1” y “Columna 2”. Este nombre es personalizable. Las filas iniciales se identifican como “Fila 1” y “Fila 2”. Cada celda se identifica por el nombre “Fila [número] - Columna [número]”. En la siguiente tabla se ejemplifica.
Para agregar una columna, haz clic en el botón “+ Añadir columna”.
Para cambiar el nombre de una columna, coloca tu cursor sobre el nombre de la columna (ej. “Columna 1”) y escribe el nuevo nombre.
Para agregar una fila, haz clic en el botón “+ Añadir fila”.
¿Cómo configurar el contenido de la tabla?
Para determinar el contenido de cada celda, ubícate en la celda, y haz clic en el ícono de “Editar”. Cada celda puede contener tres tipos de contenido:
Texto: El tipo “Texto” es el más común para las tablas. Existen dos formas de completar el texto de una celda:
Escribiendo el texto en el campo “Contenido” de la celda.
Asignando un parámetro para completar la celda con una variable de flujo. Para asignar un parámetro escribe “#” y selecciona la variable que quieres usar en esa celda en el campo “Contenido” de la celda.
Haz clic en “Guardar”.
Botón: El “Botón” te permite agregar un botón con Business Logic en la celda.
Escribe el nombre de tu botón. Este nombre es el que verá el usuario final
Haz clic en “Lógica de negocio”.
Configura el Business Logic para ese botón.
Haz clic en “Listo”.
Haz clic en “Guardar”.
Vacío: Vacío te permite dejar en blanco, las celdas en las que no necesitas mostrar información.
Simplemente selecciona la opción “Vació” y haz clic en “Guardar”.
Vacío: Vacío te permite dejar en blanco, las celdas en las que no necesitas mostrar información.
Simplemente selecciona la opción “Vació” y haz clic en “Guardar”.
Configurar el componente Tabla
Haz clic en el componente Tabla en la barra lateral.
Haz clic en el botón “Editar”, representado con el lápiz, en el componente.
Configuración Individual
Encabezado con títulos
En “Configuración de la tabla”, verás tu tabla inicial con dos filas y dos columnas.
Haz clic en “+ Añadir columna” para agregar tantas columnas como necesites.
(Opcional) Renombra tus columnas.
Haz clic en “+ Añadir fila” para agregar tantas filas como necesites.
Personaliza el contenido de cada celda.
Ubícate en la celda que quieres editar y haz clic en el ícono de “Editar”.
Despliega la lista y selecciona el tipo de contenido. Existen tres opciones:
Texto
Si la celda va a contener un valor fijo, escribe el valor en el campo “Contenido”.
Si el contenido de la celda va a contener una variable de flujo, escribe “#” en el campo “Contenido” y selecciona en la lista la variable.
Haz clic en “Guardar”.
Botón
En el nombre de botón, escribe el texto, o Call to action, que verá el usuario final.
Haz clic en “Lógica de negocio”.
Configura el Business Logic del botón y después haz clic en “Listo”.
Haz clic en “Guardar”.
Vacío
Haz clic en “Guardar”.
Haz clic en “Guardar”.
Repite el proceso para todas las celdas de tu tabla.
Si quieres cambiar de posición una celda, haz clic y sin soltar, arrástrala a su nueva posición.
Haz clic en “Listo” para guardar tu tabla.
¿Cómo crear una tabla a partir de arreglos?
Puedes crear tablas donde cada columna se puede completar con la información de listas, o arreglos, de Javascript. De esta manera no necesitas configurar cada celda individualmente.
Importante: Para crear una tabla con estas características, es necesario crear u obtener el arreglo previamente, ya sea a través de una fábrica de código o integraciones manuales.
Para crear un arreglo con valores fijos o variables de flujo utilizamos esta estructura en el nodo Código:
complexVariables.set("nombrelista", [valor, valor, valor])
Para crear arreglos con las distintas opciones seleccionados en campos de tipo Checklist utilizamos la siguiente estructura en el nodo Código:
complexVariables.set("nombrelista", nombrecampo) ➝ complexVariables.set("productos", selecciona_dispositivos)
Para obtener un arreglo de una integración utilizamos la siguiente estructura en el módulo de Integraciones Manuales:
complexVariables.set("Nombredelparametro", _json.get("Nombredelarregloenlarespuesta"))
Una vez que tienes tu lista en tu flujo, sigue los siguientes pasos:
Haz clic en el componente Tabla en la barra lateral.
Haz clic en el botón “Editar”, representado con el lápiz, en el componente.
Configuración Individual
Encabezado con títulos
En “Configuración de la tabla”, verás tu tabla inicial con dos filas y dos columnas.
Haz clic en “+ Añadir columna” para agregar tantas columnas como necesites.
(Opcional) Renombra tus columnas.
Agrega tus listas en la primera celda de cada columna.
Ubícate en la celda que quieres editar y haz clic en el ícono de “Editar”.
Despliega la lista y selecciona “Texto”.
Escribe “#” en el campo “Contenido” y selecciona el nombre de tu lista.
El nombre es el mismo que colocaste como parámetro de salida en el nodo Código o en la Integración Manual.
Haz clic en “Guardar”.
Repite el proceso para todas las celdas de tu tabla.
Haz clic en “Listo” para guardar tu tabla.
Preguntas frecuentes
¿Puedo descargar una tabla creada en el componente Tabla?
No. Para descargar Tablas en archivos Excel, te recomendamos crear una plantilla de documento de tipo Excel, en el módulo de documentos. Posteriormente, cuando configures tu nodo documento en el flujo, activa la función “Descargar automáticamente”.
¿Cómo se pueden agregar filas y columnas a una tabla?
Para agregar una columna, se debe hacer clic en el botón "+ Añadir columna". Para cambiar el nombre de una columna, se debe colocar el cursor sobre el nombre de la columna y escribir el nuevo nombre. Para agregar una fila, se debe hacer clic en el botón "+ Añadir fila".
¿Cómo se configura el contenido de una tabla?
Para determinar el contenido de cada celda, se debe ubicar en la celda y hacer clic en el ícono de "Editar". Cada celda puede contener tres tipos de contenido: texto, botón o vacío. Para cada uno de ellos se deben seguir diferentes pasos.
¿Cómo se configura el componente Tabla?
Para configurar el componente Tabla, se debe hacer clic en el componente Tabla en la barra lateral y luego en el botón "Editar", representado con el lápiz, en el componente. Posteriormente, se debe agregar las filas y columnas necesarias, personalizar el contenido de cada celda y finalmente hacer clic en "Listo" para guardar la tabla.
¿Cómo se puede crear una tabla a partir de arreglos?
Para crear una tabla a partir de arreglos, es necesario crear u obtener el arreglo previamente, ya sea a través de una fábrica de código o integraciones manuales. Se puede crear un arreglo con valores fijos o variables de flujo utilizando la estructura en el nodo Código: complexVariables.set("nombrelista", [valor, valor, valor]).