Gadget Table

Owned by Francisco Javier López Acevedo
13/11/24
4 min read

Interfaz de usuario: 6.2.0-Xenon

Este Gadget permite representar datos en forma de tabla.

Para empezar a usar este Gadget, se tendrá que arrastrar la caja «table» desde el listado de Gadgets predefinidos al lienzo del Dashboard.

image-20241113-131551.png

Una vez añadido, aparecerá la ventana de configuración del Gadget, en donde se va a poder configurar las distintas opciones.

Configuración

Nombre y DataSource

En primer lugar, habrá que introducir el nombre del Gadget, así como elegir en el desplegable la Entidad o el DataSource de datos que se quiere utilizar.

image-20241111-105057.png

En caso de que se escoja una Entidad, habrá que definir la consulta SQL de la Entidad (similar a un DataSource).

 

Para el ejemplo, se va a utilizar el DataSource de «helsinki_datasource», disponible en CloudLab.

Table config

Estas propiedades hacen referencia a la configuración de la tabla. Se pueden configurar las siguientes opciones:

  • Hide Header: este checkbox permitirá mostrar u ocultar la fila del encabezado de la tabla, donde se muestran los títulos de las columnas. Por defecto está desactivado.

  • Selectable rows: este checkbox permitirá o no seleccionar elementos de la tabla, activando unos selectores en la tabla para cada registro. Sólo se podrá seleccionar un elemento cada vez. Por defecto está desactivado.

  • Boundary links: este checkbox permitirá mostrar u ocultar enlaces para ir directamente a la primera y última página de la tabla. En caso de desactivarse, sólo estará disponible el desplazamiento entre páginas sucesivas.

  • Limit Select: este checkbox permitirá limitar o no la cantidad de registros a mostrar en la tabla.

  • Page Select: este checkbox permitirá mostrar u ocultar el número de paginación de la tabla.

  • Pagination Limit: este valor indica el número de registros que se mostrará por página de la tabla.

  • Head Background Color: este selector permitirá elegir el color que tendrá el fondo del encabezado de la tabla (si está visible).

  • Footer Background Color: este otro selector permitirá elegir el color que tendrá el fondo del pie de la tabla.

  • Head Height: este valor define el alto del encabezado de la tabla (si está visible).

  • Body Row Height: este otro valor define el alto de las filas de registros de la tabla.

  • Footer Height: este valor define el alto del pie de página de la tabla.

  • Head Text Color: este selector permitirá elegir el color que tendrá el texto del encabezado de la tabla (si está visible).

  • Body Text Color: este otro selector permitirá elegir el color del texto de las filas de registros de la tabla.

  • Footer Text Color: este selector permitirá elegir el color que tendrá el texto del pie de página.

Es necesario que la Entidad tenga al menos un dato para poder seleccionar los campos y crear el Gadget.

Measures

A continuación, se definirán las columnas de la tabla. Por defecto, aparece un bloque ya creado y que habrá que configurar. Para crear otros bloques de datos, se tendrá que pulsar en el botón de «Add Measure». Aparecerán entonces las opciones de configuración de un bloque de datos, con las siguientes opciones:

  • Field: aquí se seleccionará el campo del DataSource que se quiere mostrar.

  • Name: el nombre que tendrá la columna. Este campo es opcional. Si no se indica nada, se usará el nombre de la propiedad escogida.

  • Position: el orden (respecto la izquierda) en la que se mostrará la columna de datos respecto al resto de columnas.

Vista previa

En la parte inferior del configurador del Gadget se mostrará una vista previa del Gadget, el cual se irá actualizando conforme se cambien las opciones.