Rolagem através de grades de dados

Quando você cria uma Grade de Dados com mais de 12 componentes do Campo de Texto dentro dela, a Grade de Dados fica muito restrita para exibir o conteúdo. Este tutorial mostra como rolar pela Grade de Dados e tornar os componentes dentro dela mais amplos, para que o conteúdo se torne mais legível.

1. Acesse o painel Propriedades do formulário em que deseja adicionar a Grade de Dados.
2. No campo Custom CSS , insira as seguintes classes CSS:

   .my-data-grid
   {
      overflow-x: scroll;
   }
    
    
   .my-data-grid-input 
   {
      min-width: 6000px;
   }

   A propriedade overflow-x: scroll permite rolar pela Grade de Dados. A propriedade min-width: 300px torna os Campos de Texto dentro de uma Grade de Dados maiores para exibir o conteúdo dentro deles.
   
   

   

   
   
3. Adicione um componente de Grade de dados ao formulário.
4. Na guia Exibição , adicione as classes CSS personalizadas, dentro do campo Classe CSS Personalizada . Adicione as duas classes com um único espaço entre elas.
   
   

   

   
   

A imagem abaixo mostra como é uma Grade de Dados com 12 Campos de Texto .

Agora é possível compará-lo com a Grade de dados abaixo, após aplicar o CSS personalizado.