使用自定义 CSS 移除“编辑网格”中的“删除”按钮

本教程演示如何使用自定义 CSS 从“编辑网格”组件中删除“删除”按钮。

1. 在添加“编辑网格”的同一表单中，添加一个“ HTML 元素”组件，并输入以下 CSS 代码片段：

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

   此代码片段使网页上不可见removeRow类的项目（表示删除按钮）。 它通过在其包含元素上使用类my-edit-grid并将显示属性设置为none来实现此目的。
2. 将鼠标悬停在“编辑网格”上，然后选择“编辑 JSON ” 。
3. 在组件 JSON中，添加引用my-edit-grid自定义 CSS 类的customClass参数。
   在components参数之前插入此参数。

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

   
4. 保存组件和表单。