Saltar al contenido

Fijación de Columnas

UI/UX: Desplazarse por los Encabezados de Columnas y Agregar Totales, Congelar Columnas al Desplazarse

App Builder admite la capacidad de fijar o congelar una columna de datos en un panel, fijar o congelar las etiquetas que aparecen en la parte superior de un panel y también congelar los valores agregados que aparecen en la parte inferior de un panel. Este artículo le muestra cómo aprovechar estas funciones. Tenga en cuenta que existen algunas limitaciones para estas funciones, que se enumeran al final del artículo.

Para aprovechar estas funciones de UI/UX, debe Deshabilitar el Servicio de selección de columnas para el panel. Una vez que el Servicio de selección de columnas está deshabilitado, las siguientes funciones están disponibles:

  • Congelar una columna de datos en un panel
  • Congelar etiquetas en la parte superior de un panel
  • Congelar agregados en la parte inferior de un panel

Para Deshabilitar el Servicio de Selección de Columnas

  1. Navegue hasta la página con el panel que desea modificar.
  2. Vaya al Cajón de acciones y seleccione Diseñador en vivo
  3. Seleccione el panel desde la vista de diseño.
  4. Desde la pestaña Panel, seleccione Desplazamiento como la configuración de diseño adaptable
  5. Haga clic en el botón Guardar

Para Seleccionar una Columna para Congelarla en un Panel

App Builder le brinda la posibilidad de seleccionar una columna específica de datos para fijarla o congelarla, de modo que cuando se desplace horizontalmente, la columna seleccionada siempre permanezca visible.

Nota

Para configurar este ajuste, primero debe seguir las instrucciones para Deshabilitar el servicio de selección de columnas.

Para Seleccionar una Columna Que Se Fijará

  1. Navega hasta la página con el panel que deseas modificar.
  2. Vaya al Cajón de acciones > Diseñador en vivo
  3. Seleccione el control que desea anclar desde la vista de diseño
  4. Haga clic en la pestaña Posición y ancho
  5. Marque para habilitar Fijado
  6. Haga clic en el botón Guardar

Limitaciones

Ten en cuenta que existen las siguientes limitaciones para estas nuevas funciones de UI/UX:

  • Se sabe que el rendimiento de IE11 no es óptimo
  • Si no proporcionas un ancho, la columna tendrá el mismo ancho que los datos. Esto no es un problema para conjuntos de datos más pequeños, sin embargo, si, por ejemplo, tienes 25 filas con datos estrechos, esa columna se bloquea. Si presionas Cargar más filas y ahora tienes datos anchos, la columna no se expandirá.
  • iOS tiene un comportamiento de desplazamiento inconsistente si te desplazas demasiado (es decir, te desplazas más allá de la primera o la última fila)
  • No puedes usar campos de ajuste como áreas de texto. Las filas deben tener la misma altura tanto fijadas como desfijadas.
  • Si usas imágenes, es posible que no tengan el tamaño o la escala correctos