activities
latest
false
Wichtig :
Bitte beachten Sie, dass dieser Inhalt teilweise mithilfe von maschineller Übersetzung lokalisiert wurde.
UiPath logo, featuring letters U and I in white
Workflow-Aktivitäten
Last updated 18. Nov. 2024

Anpassen der Spaltenbreite in Datenrastern

Dieses Tutorial zeigt, wie die Breite der letzten Spalte in einem Datenraster geändertwird.
Voraussetzungen: Um die Schritte in diesem Tutorial auszuführen, müssen Sie eine Datentabelle erstellen. Stellen Sie sicher, dass die letzte Spalte der Tabelle einen Inhalt enthält, der länger als fünf bis sechs Wörter ist.
  1. Fügen Sie eine Build Data Table- Aktivität in Ihrem Workflow hinzu.
  2. Öffnen Sie den Assistenten Datentabelle erstellen und fügen Sie die gewünschten Spalten für Ihre Tabelle hinzu.
    Hinweis: Stellen Sie sicher, dass die Spalten keine Leerzeichen oder Sonderzeichen enthalten, da Sie diese Namen später verwenden werden, um die Spalten im Formular über Eigenschaftsnamenzu verknüpfen.
  3. Speichern Sie die Datentabelle in einer Variablen. In diesem Beispiel können Sie sie dataTablenennen.


  1. Fügen Sie ein Datenraster in Ihr Formular ein und verwenden Sie den Namen der Datentabellenvariablen (dataTable) als Eigenschaftsnamen der Komponente.
  2. Fügen Sie Komponenten in das Datenrasterein, entsprechend den Spalten und deren Werten in der Datentabelle. Die Eigenschaftsnamen dieser Komponenten sind die genauen Namen der Spalten in der Datentabelle.
    Fügen Sie in diesem Beispiel drei Textfeldkomponenten hinzu. Verwenden Sie die folgenden Eigenschaftsnamen für die Komponenten: column1, column2und column3.
  3. Geben Sie im Eigenschaftenbereich des Formulars den folgenden Code in das Feld Benutzerdefiniertes CSS ein:
    .mygrid tbody>tr>:nth-child(1){ 
    width: 25%;
    }
    .mygrid tbody>tr>:nth-child(2){ 
    width: 15%;
    }
    .mygrid tbody>tr>:nth-child(3){ 
    width: 60%;
    }.mygrid tbody>tr>:nth-child(1){ 
    width: 25%;
    }
    .mygrid tbody>tr>:nth-child(2){ 
    width: 15%;
    }
    .mygrid tbody>tr>:nth-child(3){ 
    width: 60%;
    }
    Hinweis: Das nth-child -Element stellt eine Spalte in der Rasterkomponente dar.
  4. Bearbeiten Sie die Datenrasterkomponente . Geben Sie auf der Registerkarte Anzeige unter Benutzerdefiniertes CSSdie mygrid -CSS-Klasse ein.
    Speichern Sie die Komponente und das Formular. Dies führt zu einer breiteren dritten Spalte, bei der der Inhalt länger als etwa fünf bis sechs Wörter ist.

War diese Seite hilfreich?

Hilfe erhalten
RPA lernen – Automatisierungskurse
UiPath Community-Forum
Uipath Logo White
Vertrauen und Sicherheit
© 2005–2024 UiPath. Alle Rechte vorbehalten