Removendo o botão Excluir de Editar grade usando CSS personalizado

Este tutorial demonstra como usar CSS personalizado para remover o botão Excluir de um componente Editar grade .

1. No mesmo formulário em que você adicionou Editar grade, adicione um componente de Elemento HTML e insira o fragmento CSS abaixo:

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

   Esse fragmento de código torna os itens com a classe removeRow (representando botões de exclusão) invisíveis na página. Ela faz isso usando a classe my-edit-grid nos elementos que os contêm e definindo a propriedade Display como none.

2. Passe o mouse sobre Editar grade e selecione Editar JSON.

3. No componente JSON, adicione um parâmetro customClass que faz referência à classe CSS personalizada my-edit-grid .

   Insira esse parâmetro antes do parâmetro components .

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

   

4. Salve o componente e o formulário.