使用自定义 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. 保存组件和表单。