Saltar al contenido

Fijar Columnas

UI/UX: Desplazamiento de Encabezados de Columnas y Totales Agregados, Congelación de Columnas al Desplazarse

Vinyl admite la capacidad de fijar o congelar una columna de datos en un panel, fijar o congelar etiquetas que aparecen en la parte superior de un panel y también congelar valores agregados que aparecen en la parte inferior de un panel. Este artículo le explica 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 UI/UX, debe Desactivar 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 Live Designer.
  3. Seleccione el panel desde la vista de diseño.
  4. En la pestaña Panel, seleccione Desplazamiento como configuración de diseño adaptable.
  5. Haga clic en el botón Guardar

Para Seleccionar una Columna para Congelar en un Panel

Vinyl 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 esta configuración, primero debe seguir las instrucciones para deshabilitar el servicio de selección de columnas.

Para Seleccionar una Columna para Fijar

  1. Navegue a la página con el panel que desea modificar.
  2. Vaya al Cajón de acciones > Live Designer
  3. Seleccione el control para 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

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

  • Se sabe que el rendimiento de IE11 no es óptimo
  • Si no proporciona un Ancho, la Columna será tan ancha como los datos. Esto no es un problema para conjuntos de datos más pequeños; sin embargo, si, por ejemplo, tiene 25 filas con datos limitados, esa columna se bloquea. Si presiona Cargar más filas y ahora tiene datos amplios, 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 utilizar campos envolventes como áreas de texto. Las filas deben tener la misma altura tanto fijadas como sin fijar.
  • Si utilizas imágenes, es posible que no tengan el tamaño o la escala correctos.