¡Caminando hacia el éxito!

Aprende en Comunidad

Avalados por :

Como criar uma tabela redimensionável no SAPUI5 para telas de qualquer tamanho

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

Olá a todos,

Estou procurando uma maneira no SAPUI5 de criar uma tabela cujas colunas se redimensionem automaticamente de acordo com o conteúdo em cada coluna. Isso deve funcionar em qualquer tamanho de tela.

Portanto, se a largura total das colunas exceder a largura da tela, deve haver uma barra de rolagem que permita ao usuário rolar horizontalmente pelas colunas da tabela.

Tenho procurado na internet por uma solução, mas não encontrei nada que se aproxime do que desejo.

Preferencialmente, gostaria de usar sap.ui.table.Table, mas se só for possível com sap.m.Table, tudo bem também.

O ambiente está rodando com a versão 1.60.13 do SAPUI5.

Qualquer contribuição, sugestão ou comentário é mais do que bem-vindo!

Desde já, obrigado!

Saudações,

Glenn.

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

3 Respuestas

0
Cargando...

Experimente isso com 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...

Olá Stephane,

Muito obrigado pela resposta!

Já testei a primeira sugestão e, em geral, é uma excelente solução.
No entanto, há algo que não se ajusta completamente ao que preciso, que é o fato de que o método de redimensionamento também leva em consideração o cabeçalho da coluna. Ou seja, se o texto no cabeçalho da minha coluna ocupar 100px, mas meu conteúdo ocupar apenas 50px, ainda assim será redimensionado para 100px. Para o meu caso específico, seria melhor se o cabeçalho da coluna fosse ignorado e apenas o conteúdo fosse considerado.

Quanto à segunda sugestão:
Ainda não testei, mas farei o mais rápido possível e compararei ambos os resultados.

Mais uma vez, muito obrigado pela sugestão.

Saudações,

Glenn

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

Olá Glenn,

Sugiro o seguinte:

  • Se estiver usando sap.ui.table.Table , chame autoResizeColumn() após exibir a tabela / alterar um valor em uma célula. Este é um método experimental, então pode não funcionar como esperado em alguns casos.
  • Se estiver usando sap.m.Table , defina a propriedade fixedLayout como false através do método setFixedLayout() ou na definição da sua Visão.

Em seguida, sua tabela pode ser incorporada em um sap.m.ScrollContainer , com a propriedade horizontal definida como true (por padrão) através do método setHorizontal() ou na definição da sua Visão, caso a tabela não se ajuste ao tamanho da tela.

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?