Añadir y modificar un widget de tabla interactiva
En este artículo aprenderás...
- ¿Qué es un widget de tabla interactiva?
- Cómo utilizar los widgets de tabla interactiva
Complete this tutorial if you have not yet created a table.
Añadir el widget de tabla interactiva
El widget «Tabla interactiva» se encuentra en el menú desplegable «Incrustar» de la barra de herramientas del editor de aplicaciones.
Fuente de datos
El widget «Tabla interactiva» se puede utilizar para visualizar datos de las siguientes fuentes:
- Variable: cualquier variable de la aplicación (la variable debe ser una matriz de objetos).
- Tabla: una tabla de Tulip ya existente.
- Consulta de tabla: una consulta dentro de una tabla de Tulip para devolver registros filtrados.
Marcador de posición de registro vinculado / variable
Un widget de tabla interactiva también puede incluir un marcador de posición vinculado o una variable, dependiendo de la fuente de datos. Esto representa un contenedor para un único objeto, mientras que una tabla interactiva representa una lista de objetos. Si se establece un marcador de posición vinculado o una variable, al seleccionar una fila dentro de la tabla se cargará esa fila de datos en el contenedor.
Campos
Los campos están representados por los campos de la tabla Tulip seleccionada, la consulta de tabla o por las claves de objeto de la variable seleccionada.
Para añadir campos, utilice las casillas de selección para seleccionarlos de la lista desplegable o haga clic en «Seleccionar todo».
Tulip recomienda no mostrar más de 20 campos por paso para garantizar una experiencia de usuario óptima y un rendimiento óptimo de la aplicación.
Para reordenar los campos, haz clic y arrastra las etiquetas en las propiedades del widget. Para cambiar el ancho de los campos, arrastra las líneas de cada campo en el Editor de aplicaciones o en el Reproductor.
Ajustes de texto
El texto dentro de una celda de una tabla interactiva se puede configurar para que se ajuste al espacio disponible. Con el ajuste activado, el texto más largo creará espacio vertical adicional. Con el ajuste desactivado, el texto se acortará con tres puntos suspensivos al acercarse al borde del campo.
Para activar o desactivar el ajuste de texto en el encabezado y en el texto de los registros, utilice los interruptores del panel de contexto.
Botón de selección
Se puede añadir un botón de selección al widget «Tabla interactiva» para indicar con mayor claridad qué fila está seleccionada si se ha añadido un marcador de posición o una variable vinculada.
Filtros
Se pueden añadir filtros estáticos o dinámicos al widget «Tabla interactiva» para filtrar los datos de dicho widget. Los filtros se pueden configurar para que coincidan con todas o con alguna de las condiciones, y se pueden comparar con valores estáticos, variables, información de la aplicación y campos de registros de la tabla.
Ordenación
La ordenación de la tabla interactiva en función de un campo específico se puede configurar con la opción «Ordenar por» en orden ascendente o descendente (según el tipo de datos). También puedes añadir varios métodos de ordenación por cada uno de los campos del widget de tabla.
Los campos ya añadidos en la opción «Ordenar por» también se pueden ordenar en el reproductor. Haz clic en el icono ^ para invertir el orden.
In order to ensure a performant app and user experience, Tulip recommends not sorting the embedded table by any fields on which the embedded interactive table is filtered.
Índice de filas
Se puede añadir un índice de filas al widget «Tabla interactiva» para indicar el número de filas en el lado izquierdo. El número de filas corresponde específicamente al contenido que el widget está mostrando o representando en ese momento.
Filas por página
Aquí se puede ajustar el número de filas por página en el widget «Tabla interactiva». Si se aumenta el número de filas más allá de un determinado número, se añadirá la función de desplazamiento vertical al widget.
Desencadenantes
Los desencadenantes se pueden configurar para que se ejecuten cuando se seleccione una fila dentro del widget «Tabla interactiva». Para añadir un desencadenante, haz clic en el botón + situado junto a la etiqueta «Desencadenante» en el menú de propiedades del widget.
Los desencadenantes pueden aprovechar la información de la fila seleccionada estableciendo un «Registro vinculado» o una «Variable vinculada» y utilizándola en el cuerpo del desencadenante.
Tamaño de fuente y tamaño de fuente de la paginación
El tamaño de fuente de los datos que se muestran en la tabla y el tamaño de las etiquetas de los números de página se pueden ajustar en el menú de propiedades del widget.
Formato condicional
En el editor de la aplicación, el formato condicional permite a los usuarios seleccionar campos de la tabla como argumentos para las reglas de formato en el widget de tabla interactiva
Las reglas de formato condicional muestran una opción «Duplicar» cuando hay menos de 20 reglas en la lista.
Más información sobre el formato condicional aquí.
Más información
- Cómo utilizar registros de tabla en el editor de aplicaciones
- Cómo mostrar listas interactivas de registros de tablas o resultados de conectores en las aplicaciones
{{snippet.¿Has encontrado lo que buscabas?}}