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 Bearbeitungsraster -Komponente zu entfernen.

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

   <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 dem Mauszeiger 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.