¡Caminando hacia el éxito!

Aprende en Comunidad

Avalados por :

Cómo crear una tabla redimensionable en SAPUI5 para pantallas de cualquier tamaño

  • Creado 01/03/2024
  • Modificado 01/03/2024
  • 8 Vistas
0
Cargando...

Hola a todos,

Estoy buscando una manera en SAPUI5 para crear una tabla cuyas columnas se redimensionen automáticamente según el contenido en esa columna. Esto debería funcionar en cualquier tamaño de pantalla.

Entonces, si el ancho total de las columnas excede el ancho de la pantalla, debería haber una barra de desplazamiento que permita al usuario desplazarse horizontalmente a través de las columnas de la tabla.

He buscado en internet una solución, pero no encontré nada que se acerque a lo que quiero.

Preferiblemente, me gustaría usar sap.ui.table.Table, pero si solo se puede lograr con sap.m.Table, también está bien.

El entorno funciona con SAPUI5 versión 1.60.13.

¡Cualquier aporte, sugerencia o comentario es más que bienvenido!

¡Gracias de antemano!

Saludos,

Glenn.

Pedro Pascal
Se unió el 07/03/2018
Pinterest
Telegram
Linkedin
Whatsapp

3 Respuestas

0
Cargando...

Prueba esto con sap.ui.table.Table

<t:Table id="tblDataset" rows="{/}" selectionMode="None"
   visibleRowount="8" alternateRowColors="true" />
Respondido el 15/04/2024
LUCIANO RIOJA GHIOTTO
Se unió el 13/07/2019
0
Cargando...

Hola Stephane,

¡Muchas gracias por la respuesta!

Ya probé la primera sugerencia y en general es una excelente solución.
Sin embargo, hay algo que no se ajusta completamente a lo que necesito y es el hecho de que el método de redimensionamiento también tiene en cuenta el encabezado de la columna. Es decir, si el texto en el encabezado de mi columna ocupa 100px, pero mi contenido solo ocupa 50px, aún se redimensionará a 100px. Para mi caso específico, sería mejor si se ignorara el encabezado de la columna y solo se tuviera en cuenta el contenido.

En cuanto a la segunda sugerencia:
Aún no la he probado, pero lo haré lo antes posible y compararé ambos resultados.

Una vez más, muchas gracias por la sugerencia.

Saludos,

Glenn

Respondido el 15/04/2024
LUCIANO RIOJA GHIOTTO
Se unió el 13/07/2019
0
Cargando...

Hola Glenn,

Te sugiero:

  • Si utilizas sap.ui.table.Table , llama a autoResizeColumn() después de mostrar la tabla / cambiar un valor en una celda. Por ahora, este es un método experimental, por lo que puede que no funcione como se espera en algunos casos.
  • Si utilizas sap.m.Table , establece la propiedad fixedLayout en false a través del método setFixedLayout() o en la definición de tu Vista.

Luego, tu tabla se puede incrustar en un sap.m.ScrollContainer , con la propiedad horizontal establecida en true (por defecto) a través del método setHorizontal() o en la definición de tu Vista, en caso de que la tabla no se ajuste al tamaño de la pantalla.

Respondido el 15/04/2024
LUCIANO RIOJA GHIOTTO
Se unió el 13/07/2019

contacto@primeinstitute.com

(+51) 1641 9379
(+57) 1489 6964

© 2024 Copyright. Todos los derechos reservados.

Desarrollado por Prime Institute

¡Hola! Soy Diana, asesora académica de Prime Institute, indícame en que curso estas interesado, saludos!
Hola ¿Puedo ayudarte?