Entfernen der Schaltfläche „Löschen“ aus dem Bearbeitungsraster mithilfe von benutzerdefiniertem CSS

In diesem Tutorial wird gezeigt, wie man benutzerdefiniertes CSS verwendet, um die Schaltfläche „Löschen“ aus einer Komponente „Raster bearbeiten“ zu entfernen.

1. Fügen Sie im gleichen Formular, in dem Sie das Bearbeitungsraster hinzugefügt haben, eine HTML-Element -Komponente hinzu, die das folgende CSS-Snippet eingibt:

   <p></p>
   <style>
   .my-edit-grid .removeRow {
       display: none;
   }
   </style>
   

   Dieser Code Snippet macht Elemente mit der Klasse removeRow (die Löschschaltflächen darstellen) auf der Webseite unsichtbar. Dazu wird die Klasse my-edit-grid für ihre enthaltenden Elemente verwendet und die Anzeigeeigenschaft auf none.

2. Zeigen Sie mit der Maus auf das Bearbeitungsraster und wählen Sie JSON bearbeiten aus.

3. Fügen Sie in der Komponenten-JSON einen customClass -Parameter hinzu, der auf die benutzerdefinierte CSS-Klasse my-edit-grid verweist.

   Fügen Sie diesen Parameter vor dem Parameter components ein.

   "customClass": "my-edit-grid",
   

   

4. Speichern Sie die Komponente und das Formular.