activities

latest

false

Importante :

Este contenido se ha localizado parcialmente a partir de un sistema de traducción automática. La localización de contenidos recién publicados puede tardar entre una y dos semanas en estar disponible.

Actividades del flujo de trabajo

Última actualización 23 de feb. de 2026

Desplazarse por componentes de cuadrícula de datos

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 desplazarse por un componente de la cuadrícula de datos :

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.

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;
}
```
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").

También puedes almacenar la ruta al archivo CSS local como una variable e introducir el nombre de la variable en el campo RutaDeArchivoCSSLocal .
Ve 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 el archivo de la siguiente manera: my-data-grid. Esto vincula los datos del archivo CSS a tu formulario.
Guarda el componente y el formulario.