アクティビティ

カスタム CSS を使用して編集グリッドから [削除] ボタンを削除する

このチュートリアルでは、カスタム CSS を使用して編集グリッド コンポーネントから削除ボタンを削除する方法を説明します。

編集グリッドを追加したのと同じフォームに HTML 要素コンポーネントを追加し、以下の CSS スニペットを入力します。
```
<p></p>
<style>
.my-edit-grid .removeRow {
    display: none;
}
</style><p></p>
<style>
.my-edit-grid .removeRow {
    display: none;
}
</style>
```
このコードスニペットは、クラス removeRow (削除ボタンを表す) を持つ項目を Web ページ上で非表示にします。それには、親要素に対してクラス my-edit-grid を使用し、display プロパティを none に設定します。
編集グリッド上でホバーし、[JSON を編集] を選択します。
[コンポーネント JSON] に、カスタム CSS クラス my-edit-grid を参照するパラメーター customClass を追加します。
このパラメーターを、パラメーター components の前に挿入します。
```
"customClass": "my-edit-grid","customClass": "my-edit-grid",
```
コンポーネントとフォームを保存します。