Rolagem através de componentes de Grade de Dados

When you create a Data Grid with more than 12 Text Field components inside of it, the Data Grid becomes too tight to display the content. This tutorial demonstrates how to scroll through the Data Grid.

Tutorial

Para rolar por um componente de Grade de dados :

1. Create a CSS file containing two classes for scrolling through the Data Grid and for making the Text Field components wider. The overflow-x: scroll property allows you to scroll through the Data Grid. The min-width: 300px property makes the Text Fields larger, to display the content inside of them.

   Copie e cole o seguinte código em seu arquivo CSS:

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

2. Go to the LocalCSSFilePath property in the Create Form activity and input the path to the CSS file created (for example, "/file://C:/User/theCssFile.css").

   Você também pode armazenar o caminho para o arquivo CSS local como uma variável e inserir o nome da variável no campo LocalCSSFilePath .

3. Navegue até a guia Exibição do componente Grade de dados . 4. No campo Classe CSS personalizada , escreva o nome da classe CSS personalizada configurada no arquivo da seguinte forma: my-data-grid. Isso vincula os dados do arquivo CSS ao seu formulário.

   

4. Salve o componente e o formulário.

Fluxo de trabalho amostral

Para verificar o fluxo de trabalho completo ou ter uma referência futura, baixe o exemplo XAML