# 該当のサブテーブルの追加/削除ボタンを2行目以降も非表示にしたいです

**URL:** <https://community.cybozu.dev/t/topic/8053>\
**Category:** kintone 開発相談\
**Created:** [2023 年 9 月 1 日午後 12:18 UTC](https://community.cybozu.dev/t/topic/8053 "2023-09-01T12:18:41Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Ytokutake](https://avatars.discourse-cdn.com/v4/letter/y/91b2a8/32.png) [@Ytokutake](https://community.cybozu.dev/u/Ytokutake)\
**Post date:** [2023 年 9 月 1 日午後 12:18 UTC](https://community.cybozu.dev/t/topic/8053/1 "2023-09-01T12:18:41Z")

</div>

javascript初心者ですが、よろしくお願いいたします。  
レコードの新規追加画面で、指定のサブテーブルについて初期値を空欄で3行作成し、その横に表示される追加削除ボタンを表示しないようにしたく他の方のの情報を参考にして作成してみたのですが、サブテーブルに3行空白行が追加されたものの、追加削除ボタンが2行目、3行目が表示されてしまいます。

何を修正すれば改善されるのでしょうか。教えていただけますと大変助かります。  
よろしくお願いいたします。

```javascript
(function () {
    "use strict";
    
    kintone.events.on(['app.record.create.show', 'app.record.edit.show'], function (event) {
        var subtableContainers = document.getElementsByClassName("subtable-gaia");
        
        if (subtableContainers.length > 2) {
            // 0番目のサブテーブル
            var subtable1 = subtableContainers[0].getElementsByClassName("subtable-operation-gaia");
            [].forEach.call(subtable1, function (button) {
                button.style.display = 'none';
            });

            // 2番目のサブテーブル
            var subtable2 = subtableContainers[2].getElementsByClassName("subtable-operation-gaia");
            [].forEach.call(subtable2, function (button) {
                button.style.display = 'none';
            });
        }
    });

    kintone.events.on('app.record.create.show', (event) => {
        // 行の作成
        const newRow1 = createValue_('', '');
        const newRow2 = createValue_('', '');
        const newRow3 = createValue_('', '')
    
        // Tableに初期値を定義する
        event.record.additionalcost.value = [
          newRow1,
          newRow2,
          newRow3
        ];
        return event;
      });
    
      const createValue_ = (text, number) => (
        {
          'value': {
            'additionalcostItem1': {
              'type': 'SINGLE_LINE_TEXT',
              'value': text
            },
            'additionalcost_1': {
              'type': 'NUMBER',
              'value': number
            }
          }
        });

})();

```

---

<div class="post-metadata">

**Author:** ![aaa](https://sea1.discourse-cdn.com/flex015/user_avatar/community.cybozu.dev/aaa/32/277_2.png) [@aaa](https://community.cybozu.dev/u/aaa)\
**Post date:** [2023 年 9 月 8 日午前 1:46 UTC](https://community.cybozu.dev/t/topic/8053/2 "2023-09-08T01:46:23Z")

</div>

解決していませんが、場面によって動作が異なりました。

新規レコード追加画面  
(値は適当に入れるように変更しています。)

 ![image](https://us1.discourse-cdn.com/flex015/uploads/cybozu/original/1X/a8d9bac6a69276ad4883eb66c6de1ffe60c57b74.png)  
いったん保存します。

編集画面で開きます。

 ![image](https://us1.discourse-cdn.com/flex015/uploads/cybozu/original/1X/a6e5fcfde297cacd92051a21835b75228d4e7534.png)  
+と-ボタンが消えています。

新規レコード追加画面では、  
デフォルトの1行の空白行しかない  
行数を増やす処理は動いているが  
+と-ボタンを消す処理は増やした行には対応していない

しかし、編集画面では  
レコードの段階でサブテーブルが3行存在するので  
+と-ボタンを消す処理が対応できていると言うことになると思います。

新規追加画面でブレイクポイントを入れても、JavaScriptのカスタマイズが実行された段階ではブラウザのレンダリングが終わっていないので消すことができていないみたいです。  
正しいやり方がわからないので、違うイベントでテーブルの値が正しいかチェックするなどの対応が必要かも知れません。

---

<div class="post-metadata">

**Author:** ![Ytokutake](https://avatars.discourse-cdn.com/v4/letter/y/91b2a8/32.png) [@Ytokutake](https://community.cybozu.dev/u/Ytokutake)\
**Post date:** [2023 年 9 月 9 日午前 12:51 UTC](https://community.cybozu.dev/t/topic/8053/3 "2023-09-09T00:51:44Z")

</div>

お忙しい所ご返信いただきありがとうございます。  
ご検証もいただき大変助かります。  
違うイベントでもチェックしてみたいと思います。  
ご対応ありがとうございます。

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/cybozu/original/1X/d5c841c3c5a6cb66eed514001c1b45147c9e1f4f.png) [@system](https://community.cybozu.dev/u/system)\
**Post date:** [2023 年 9 月 12 日午前 12:51 UTC](https://community.cybozu.dev/t/topic/8053/4 "2023-09-12T00:51:51Z")

</div>

このトピックはベストアンサーに選ばれた返信から 3 日が経過したので自動的にクローズされました。新たに返信することはできません。