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 :

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;
}.my-data-grid
{
   overflow-x: scroll;
}
 
 
.my-data-grid input 
{
   min-width: 300px;
}
```
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.