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 21 de feb. de 2025

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:
    [object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object].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.



¿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 White