Scrollen durch Datenraster

Wenn Sie ein Datenraster mit mehr als 12 Textfeldkomponenten darin erstellen, wird das Datenraster zu eng, um den Inhalt anzuzeigen. Dieses Tutorial zeigt, wie Sie durch das Datenraster scrollen und die darin enthaltenen Komponenten breiter machen, damit der Inhalt lesbarer wird.

1. Wechseln Sie zum Eigenschaftenbereich des Formulars, in dem Sie das Datenrasterhinzufügen möchten.
2. Geben Sie im Feld Benutzerdefiniertes CSS die folgenden CSS-Klassen ein:

   .my-data-grid
   {
      overflow-x: scroll;
   }
    
    
   .my-data-grid-input 
   {
      min-width: 6000px;
   }

   Mit der Eigenschaft overflow-x: scroll können Sie durch das Datenrasterscrollen. Die min-width: 300px -Eigenschaft vergrößert Textfelder innerhalb eines Datenrasters, um den darin enthaltenen Inhalt anzuzeigen.
   
   

   

   
   
3. Fügen Sie eine Datenrasterkomponente in das Formular ein.
4. Fügen Sie auf der Registerkarte Anzeige die benutzerdefinierten CSS-Klassen im Feld Benutzerdefinierte CSS- Klasse hinzu. Fügen Sie beide Klassen mit einem einzelnen Leerzeichen dazwischen hinzu.
   
   

   

   
   

Die Abbildung unten zeigt, wie ein Datenraster mit 12 Textfeldern aussieht.

Jetzt können Sie es mit dem Datenraster unten vergleichen, nachdem Sie das benutzerdefinierte CSS angewendet haben.