Rolagem através de componentes de Grade de Dados

Quando você cria uma grade de dados com mais de 12 componentes de campo de texto dentro dela, a grade de dados fica muito compacta para exibir o conteúdo. Este tutorial demonstra como percorrer a grade de dados.

Tutorial

Para percorrer um componente de Grade de Dados :

1. Crie um arquivo CSS contendo duas classes para percorrer a grade de dados e tornar os componentes do campo de texto mais largos. A propriedade overflow-x: scroll permite rolar pela grade de dados. A propriedade min-width: 300px torna os Campos de Texto maiores, para exibir o conteúdo dentro deles.

   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. Acesse a propriedade LocalCSSFilePath na atividade Create Form e insira o caminho para o arquivo CSS criado (por exemplo, "/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 Exibir do componente Grade de dados . 4. No campo Custom CSS Class , escreva o nome da classe CSS customizada configurada no arquivo assim: my-data-grid. Isso vincula os dados no arquivo CSS ao seu formulário.

5. Salve o componente e o formulário.

Fluxo de trabalho amostral

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