# サブテーブルにある+-ボタンの表示制御

**URL:** <https://community.cybozu.dev/t/topic/12379>\
**Category:** kintone 開発相談\
**Created:** [2025 年 11 月 21 日午前 10:57 UTC](https://community.cybozu.dev/t/topic/12379 "2025-11-21T10:57:54Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![on-m](https://avatars.discourse-cdn.com/v4/letter/o/9dc877/32.png) [@on-m](https://community.cybozu.dev/u/on-m)\
**Post date:** [2025 年 11 月 21 日午前 10:57 UTC](https://community.cybozu.dev/t/topic/12379/1 "2025-11-21T10:57:54Z")

</div>

1レコードに対し、複数のサブテーブルを設置しており、

その中の一つのサブテーブルの「+ -」ボタンを非表示にしたいです。

スペースをBTNにしてJavascriptで行の追加はできました。

+ -ボタンを消すだけだと、行を追加したら削除ができなくなってしまうので、

既存行は非表示で、追加行はボタンを表示させたいです。

次のコードではボタンは消えませんでした。

コンソールエラーもありません。

また、ブラウザの管理者ツールでサブテーブルを確認したところ、div要素に、「data-group-code」が入っていませんでした。

これが原因なのかとは思いますが、改善方法がわかりません。

```javascript
コードをここに入力または貼り付け
  (function() {
    'use strict';
  
    const tableField = 'サブテーブル1';
  
    kintone.events.on(['app.record.create.show', 'app.record.edit.show'], function(event) {
      const record = event.record;
      const table = record[tableField].value;
  
      // サブテーブルのDOMをフィールドコードで取得
      const tableEl = document.querySelector('[data-group-code="' + tableField + '"]');
      if (tableEl) {
        const ops = tableEl.getElementsByClassName("subtable-operation-gaia");
  
        // サブテーブル行と操作ボタンを対応付けて処理
        table.forEach((row, index) => {
          if (row.id) {
            // 既存行だけ判定
            const btn = ops[index];
            if (btn) {
             // 既存行の操作ボタンを非表示
              btn.style.display = 'none'; 
            }
          }
        });
      }
  
      return event;
    });
  })();

```

---

<div class="post-metadata">

**Author:** ![mura](https://sea1.discourse-cdn.com/flex015/user_avatar/community.cybozu.dev/mura/32/41_2.png) [@mura](https://community.cybozu.dev/u/mura)\
**Post date:** [2025 年 11 月 24 日午前 12:40 UTC](https://community.cybozu.dev/t/topic/12379/2 "2025-11-24T00:40:12Z")

</div>

> **[【kintone】サブテーブルの行増減を禁止する方法 - Qiita](https://qiita.com/idepenjin/items/f750bab495df03c2692b)**
>
> 結論 サブテーブルの行増減を禁止したい場合は以下の方法があります。 ①カスタマイズにて実装する ②対応するプラグインを導入する kintoneの標準機能では実装することができません。 ①カスタマイズにて実装する サブテーブルの+/-を非表示にするカスタマイズの例...

試されている方の記事があったのでこれで非表示はどうでしょう？  
（未検証

> スペースをBTNにしてJavascriptで行の追加はできました。

ボタンの追加ですが初回だけ、上記ができているならそれでやるのがいいとおもいます。  
最後の行だけ＋ボタンを出す制御は案外面倒かもしれないので…  
（最後の行を追加したタイミングでまた＋ボタンを表示する位置出し分けたりしないといけないので

---

<div class="post-metadata">

**Author:** ![on-m](https://avatars.discourse-cdn.com/v4/letter/o/9dc877/32.png) [@on-m](https://community.cybozu.dev/u/on-m)\
**Post date:** [2025 年 11 月 26 日午前 2:08 UTC](https://community.cybozu.dev/t/topic/12379/3 "2025-11-26T02:08:56Z")

</div>

mura様

ありがとうございます。

ご教示いただいた手法で実装ができました。

---

<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:** [2025 年 11 月 29 日午前 2:09 UTC](https://community.cybozu.dev/t/topic/12379/4 "2025-11-29T02:09:05Z")

</div>

クローズされました: 2025 年 11 月 29 日午前 2:09 UTC

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