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.
UiPath logo, featuring letters U and I in white

Actividades del flujo de trabajo

Última actualización 25 de feb. de 2026

Desplazarse por cuadrícula de datos

Cuando creas una cuadrícula de datos con más de 12 componentes de campo de texto en su interior, la cuadrícula de datos se vuelve demasiado estrecha para mostrar el contenido. Este tutorial muestra cómo desplazarse por la cuadrícula de datos y cómo hacer que los componentes dentro de ella sean más anchos, para que el contenido sea más legible.

  1. Ve al panel Propiedades del formulario donde quieres añadir la cuadrícula de datos.

  2. En el campo CSS personalizado , introduce las siguientes clases de CSS:

    .my-data-grid
    {
       overflow-x: scroll;
    }
     
     
    .my-data-grid-input 
    {
       min-width: 6000px;
    }
    .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 hace que los campos de texto dentro de una cuadrícula de datos sean más grandes, para mostrar el contenido dentro de ellos.

    docs image

  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.

    docs image

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

    docs image

Ahora puedes compararlo con la siguiente cuadrícula de datos , después de aplicar el CSS personalizado.

docs image

¿Te ha resultado útil esta página?

Obtén la ayuda que necesitas
RPA para el aprendizaje - Cursos de automatización
Foro de la comunidad UiPath
Uipath Logo
Confianza y seguridad
© 2005-2026 UiPath. Todos los derechos reservados.