Ir para o conteúdo

Fixando Colunas

UI / UX: Rolar Cabeçalhos de Coluna e Totais Agregados, Congelar Colunas ao Rolar

O Vinyl oferece suporte à capacidade de fixar ou congelar uma coluna de dados em um painel, fixar ou congelar rótulos que aparecem na parte superior de um painel e também congelar valores agregados que aparecem na parte inferior de um painel. Este artigo mostra como aproveitar esses recursos. Observe que existem algumas limitações para esses recursos, listadas no final do artigo.

Para aproveitar esses recursos de UI/UX, você deve Desativar o serviço de seleção de coluna para o painel. Depois que o Serviço de seleção de colunas estiver desativado, os seguintes recursos estarão disponíveis:

  • Congelar uma coluna de dados em um painel
  • Congelar etiquetas na parte superior de um painel
  • Congelar agregados na parte inferior de um painel

Para Desativar o Serviço de Seleção de Coluna

  1. Navegue até a página com o painel que deseja modificar
  2. Vá para Action Drawer e selecione Live Designer
  3. Selecione o painel na visualização de design
  4. Na aba Painel, selecione Rolagem como configuração de design responsivo
  5. Clique no botão Salvar

Para Selecionar uma Coluna para Congelar em um Painel

O Vinyl oferece a capacidade de selecionar uma coluna específica de dados a ser fixada ou congelada, para que, quando você rolar horizontalmente, a coluna selecionada permaneça sempre visível.

Nota

Para definir esta configuração, você deve primeiro seguir as instruções para Desativar o serviço de seleção de coluna.

Para Selecionar uma Coluna a Ser Fixada

  1. Navegue até a página com o painel que deseja modificar
  2. Vá para Gaveta de Ação > Live Designer
  3. Selecione o controle para fixar na visualização de design
  4. Clique na aba Posição e largura
  5. Marque para ativar Fixado
  6. Clique no botão Salvar

Limitações

Observe que existem as seguintes limitações para esses novos recursos UI/UX:

  • Sabe-se que o desempenho do IE11 não é ideal
  • Se você não fornecer uma Largura, a Coluna será tão larga quanto os dados. Isso não é um problema para conjuntos de dados menores; no entanto, se, por exemplo, você tiver 25 linhas com dados restritos, essa coluna ficará bloqueada. Se você pressionar Carregar mais linhas e agora tiver dados amplos, a coluna não será expandida.
  • O iOS apresenta algum comportamento de rolagem inconsistente se você rolar demais (ou seja, rolar além da primeira ou da última linha)
  • Você não pode usar campos de quebra automática, como áreas de texto. As linhas precisam ter a mesma altura fixadas e soltas.
  • Se você usar imagens, elas podem não ser dimensionadas/dimensionadas corretamente