Desplazarse por 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 y ampliar los componentes que contiene, para que el contenido sea más legible.

1. Ve al panel Propiedades del formulario donde quieres agregar la cuadrícula de datos.
2. En el campo CSS personalizado , introduzca las siguientes clases de CSS:

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

   La propiedad overflow-x: scroll te permite desplazarte por la cuadrícula de datos. La propiedad min-width: 300px agranda los campos de texto dentro de una cuadrícula de datos para mostrar el contenido que contienen.
   
   

   

   
   
3. Añade un componente de Cuadrícula de datos al formulario.
4. En la pestaña Visualización , añade las clases CSS personalizadas, dentro del campo Clase CSS personalizada . Añade ambas clases con un solo espacio entre ellas.
   
   

   

   
   

La siguiente imagen muestra el aspecto de una cuadrícula de datos con 12 campos de texto .

Ahora puede compararlo con la cuadrícula de datos a continuación, después de aplicar el CSS personalizado.