Eliminar el botón Eliminar de Editar cuadrícula utilizando CSS personalizado

Este tutorial demuestra cómo utilizar CSS personalizado para eliminar el botón Eliminar de un componente Editar cuadrícula .

1. En el mismo formulario donde añadiste Editar cuadrícula, añade un componente de elemento HTML que introduce el siguiente fragmento CSS:

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

   Este fragmento de código hace que los elementos con la clase removeRow (que representan los botones de eliminación) sean invisibles en la página web. Para ello, utiliza la clase my-edit-grid en los elementos que la contienen y establece la propiedad de visualización en none.

2. Mantén el puntero sobre Editar cuadrícula y selecciona Editar JSON.

3. En el JSON del componente, añade un parámetro customClass que haga referencia a la clase CSS personalizada my-edit-grid .

   Inserta este parámetro antes del parámetro components .

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

   

4. Guarda el componente y el formulario.