Desplazarse por componentes de cuadrícula de datos

Cuando se crea una cuadrícula de datos con más de 12 componentes de campo de texto dentro, la cuadrícula de datos se vuelve demasiado ajustada para mostrar el contenido. Este tutorial muestra cómo desplazarse por la cuadrícula de datos.

Tutorial

Para desplazarse por un componente de cuadrícula de datos :

1. Cree un archivo CSS que contenga dos clases para desplazarse por la cuadrícula de datos y para ampliar los componentes del campo de texto . La propiedad overflow-x: scroll te permite desplazarte por la cuadrícula de datos. La propiedad min-width: 300px aumenta los campos de texto para mostrar el contenido que contienen.

   Copia y pega el siguiente código en tu archivo CSS:

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

2. Ve a la propiedad RutaDeArchivoCSSLocal en la actividad Crear formulario e introduce la ruta al archivo CSS creado (por ejemplo, "/file://C:/User/theCssFile.css").

También puede almacenar la ruta del archivo CSS local como variable e introducir el nombre de la variable en el campo RutaDelArchivoCSSLocal .

3. Vaya a la pestaña Visualización del componente Cuadrícula de datos . 4. En el campo Clase CSS personalizada , escribe el nombre de la clase CSS personalizada configurada en un archivo así: my-data-grid. Esto vincula los datos del archivo CSS a su formulario.

5. Guarde el componente y el formulario.

Flujo de trabajo de muestra

Para comprobar el flujo de trabajo completo o tener una referencia futura, descargue el ejemplo de XAML