# サブテーブルの先頭行のみ、行の追加/削除ボタンを表示させたい

**URL:** <https://community.cybozu.dev/t/topic/4679>\
**Category:** kintone 開発相談\
**Created:** [2019 年 12 月 10 日午前 12:10 UTC](https://community.cybozu.dev/t/topic/4679 "2019-12-10T00:10:40Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Legacy\_Account984](https://avatars.discourse-cdn.com/v4/letter/l/48db29/32.png) [@Legacy\_Account984](https://community.cybozu.dev/u/Legacy_Account984)\
**Post date:** [2019 年 12 月 10 日午前 12:10 UTC](https://community.cybozu.dev/t/topic/4679/1 "2019-12-10T00:10:40Z")

</div>

サブテーブルに時系列で情報を入力させるため、サブテーブルの先頭行のみ、行の追加/削除ボタンを表示させ、

それ以外の行は追加/削除ボタンを非表示にしたいです。

&nbsp;

[こちら](https://community.cybozu.dev/hc/ja/community/posts/115010418386)の記事を参考にしたのですが、

document.getElementsByClassName() で button.style.display = ‘none’

を実行する行の指定をどのように行うのかがわからず、質問させていただきます。

作成したコードはこんな感じです。

&nbsp;

for文で変数「i」にテーブルの行の「value」を指定しているつもりなのですが、

その変数iをどこに書くべきなのかがわからず、結局forEach.callで実行してしまっており、

テーブルの全行で追加/削除ボタンが非表示になっています。

&nbsp;

サブテーブルの先頭行のみ、行の追加/削除ボタンを表示させる方法について、

どなたかご教示いただけないでしょうか。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1051](https://avatars.discourse-cdn.com/v4/letter/l/9de053/32.png) [@Legacy\_Account1051](https://community.cybozu.dev/u/Legacy_Account1051)\
**Post date:** [2019 年 12 月 10 日午前 1:04 UTC](https://community.cybozu.dev/t/topic/4679/2 "2019-12-10T01:04:14Z")

</div>

indexで指定したらいいと思います。

```
[].forEach.call(document.getElementsByClassName("subtable-operation-gaia"), function(button) {
button.style.display = "none";
});
document.getElementsByClassName("subtable-operation-gaia")[1].style.display = "";

```

---

<div class="post-metadata">

**Author:** ![Legacy\_Account984](https://avatars.discourse-cdn.com/v4/letter/l/48db29/32.png) [@Legacy\_Account984](https://community.cybozu.dev/u/Legacy_Account984)\
**Post date:** [2019 年 12 月 10 日午前 2:04 UTC](https://community.cybozu.dev/t/topic/4679/3 "2019-12-10T02:04:36Z")

</div>

TK様

早速の回答ありがとうございます。

教えていただいた方法で希望の動作が実現できました。

ありがとうございました！

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1355](https://avatars.discourse-cdn.com/v4/letter/l/eb9ed0/32.png) [@Legacy\_Account1355](https://community.cybozu.dev/u/Legacy_Account1355)\
**Post date:** [2020 年 1 月 10 日午前 4:06 UTC](https://community.cybozu.dev/t/topic/4679/4 "2020-01-10T04:06:28Z")

</div>

スマホでも同じスクリプトを登録したのですがボタンが表示されますが対応策ありますでしょうか？

イベントはモバイル用に修正しています。mobile.app.record.create.show