Rolagem através de grades de dados

Quando você cria uma Grade de dados com mais de 12 componentes do Campo de texto dentro dele, a Grade de dados fica muito presa para exibir o conteúdo. Esse tutorial mostra como rolar a 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 ao qual você deseja adicionar a Grade de dados.

2. No campo CSS personalizado , 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 ambas as classes com um único espaço entre elas.

   

   A imagem abaixo mostra como é uma Grade de dados com 12 campos de texto .

   

Agora você pode compará-lo com a Grade de dados abaixo, após aplicar o CSS personalizado.