Anpassen der Spaltenbreite in Datenrastern

Dieses Tutorial zeigt, wie die Breite der letzten Spalte in einem Datenraster geändert wird.

Voraussetzungen: Um die Schritte in diesem Tutorial auszuführen, erstellen Sie eine Datentabelle. 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 Ihren Workflow ein.

2. Öffnen Sie den Assistenten zum Erstellen von Datentabellen 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, um die Spalten im Formular über Eigenschaftsnamen zu verknüpfen.

3. Speichern Sie die Datentabelle in einer Variablen. In diesem Beispiel können Sie sie dataTablenennen.

   

4. Fügen Sie ein Datenraster in Ihr Formular ein und verwenden Sie den Namen der Datentabellenvariablen (dataTable) als Eigenschaftsnamen der Komponente.

5. Fügen Sie Komponenten entsprechend den Spalten und ihren Werten in der Datentabelle in das Datenraster ein. Die Eigenschaftsnamen dieser Komponenten sind die genauen Namen der Spalten in der Datentabelle.

   Fügen Sie in diesem Beispiel drei Textfeld- Komponenten hinzu. Verwenden Sie die folgenden Eigenschaftsnamen für die Komponenten: column1, column2 und column3.

6. 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%;
   }
   

   Hinweis:

   Das Element nth-child stellt eine Spalte in der Rasterkomponente dar.

7. Bearbeiten Sie die Datenrasterkomponente . Geben Sie auf der Registerkarte Anzeige unter Benutzerdefiniertes CSSdie CSS-Klasse mygrid ein. Speichern Sie die Komponente und das Formular. Das führt zu einer breiteren dritten Spalte, in der der Inhalt länger als etwa fünf bis sechs Wörter ist.