# サブテーブルの行追加・削除ボタンの位置について

**URL:** <https://community.cybozu.dev/t/topic/554>\
**Category:** kintone 開発相談\
**Created:** [2017 年 9 月 22 日午前 7:02 UTC](https://community.cybozu.dev/t/topic/554 "2017-09-22T07:02:00Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Legacy\_Account1874](https://avatars.discourse-cdn.com/v4/letter/l/3da27b/32.png) [@Legacy\_Account1874](https://community.cybozu.dev/u/Legacy_Account1874)\
**Post date:** [2017 年 9 月 22 日午前 7:02 UTC](https://community.cybozu.dev/t/topic/554/1 "2017-09-22T07:02:00Z")

</div>

１つのアプリ内に複数のサブテーブルがあり、

あるサブテーブルは項目数が多くなってしまったため、行追加・削除ボタンが右スクロールしないと押せなくなってしまいました。

ボタンを押すためにスクロールするのも面倒と思い、ボタンの位置をサブテーブルの左側へ変更したいと思い下記のようにコードを書いてみました。

* * *

kintone.events.on(‘app.record.create.show’,‘app.record.edit.show’, function(event) {

//サブテーブル 追加ボタンの位置調整  
for (var tbl\_id = 0; tbl\_id \< 10; tbl\_id++) {  
[].forEach.call(document.getElementsByClassName(“subtable-gaia”)[tbl\_id].getElementsByClassName(“subtable-operation-gaia”), function(button){  
button.style.position = ‘absolute’;  
button.style.marginLeft = ‘-3240px’;  
button.style.marginTop = ‘50px’;  
});  
}

* * *

※項目数が多いサブテーブルが10個あり、それより後に、項目数の少ないサブテーブルがある状況です。

&nbsp;

これにより、ボタンが左側へは行ったのですが、

行を追加すると追加した行のボタンはデフォルトの位置（サブテーブルの右側）になってしまいます。

（登録、変更画面を開いた時にあるサブテーブルの行にのみ摘要されている）

&nbsp;

追加された行にも摘要するために何か良い方法はないものでしょうか？

&nbsp;

よろしくお願い致します。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account556](https://avatars.discourse-cdn.com/v4/letter/l/3da27b/32.png) [@Legacy\_Account556](https://community.cybozu.dev/u/Legacy_Account556)\
**Post date:** [2017 年 9 月 23 日午前 9:40 UTC](https://community.cybozu.dev/t/topic/554/2 "2017-09-23T09:40:05Z")

</div>

加藤雅之さま

追加されたときは、changesイベントを使って改めて位置調整をしたほうがいいかと思います。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1874](https://avatars.discourse-cdn.com/v4/letter/l/3da27b/32.png) [@Legacy\_Account1874](https://community.cybozu.dev/u/Legacy_Account1874)\
**Post date:** [2017 年 9 月 25 日午前 2:59 UTC](https://community.cybozu.dev/t/topic/554/3 "2017-09-25T02:59:47Z")

</div>

milkyway0307 さま

&nbsp;

コメントありがとうございます。

&nbsp;

changesイベントでうまく位置調整することができました。

ありがとうございます。

&nbsp;

参考までにですが、

change .テーブルID という記述で今回位置調整することは出来たのですが

行追加ボタンが押されたときのイベントの拾い方は上記の記述であっているのでしょうか？&nbsp;

（行追加ボタンが押されたとき以外にもイベントが発生するような気もしております。）

&nbsp;

もし上記の記述ではおかしいようでしたら、

行追加ボタンが押されたときの正しいイベントの拾い方（コードの書き方）をご教示頂ければと思います。

&nbsp;

よろしくお願い致します。

&nbsp;

&nbsp;

---

<div class="post-metadata">

**Author:** ![Legacy\_Account556](https://avatars.discourse-cdn.com/v4/letter/l/3da27b/32.png) [@Legacy\_Account556](https://community.cybozu.dev/u/Legacy_Account556)\
**Post date:** [2017 年 9 月 25 日午前 3:08 UTC](https://community.cybozu.dev/t/topic/554/4 "2017-09-25T03:08:06Z")

</div>

加藤雅之さま

仰るように、行の追加・削除を含めて、入力値の変更などさまざまな変化にもイベントが発火するはずです。

それをご理解頂いた上でプログラミングするのであれば、まず問題ないかと思います。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1874](https://avatars.discourse-cdn.com/v4/letter/l/3da27b/32.png) [@Legacy\_Account1874](https://community.cybozu.dev/u/Legacy_Account1874)\
**Post date:** [2017 年 9 月 25 日午前 4:08 UTC](https://community.cybozu.dev/t/topic/554/5 "2017-09-25T04:08:52Z")

</div>

milkyway0307 さま

&nbsp;

度々ありがとうございます。

&nbsp;

今回は、ボタン位置の調整で、行追加ボタン以外のときにイベント発生しても問題ないので、

先ほどの記述でよしとしておきます。

&nbsp;

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

&nbsp;

---

<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:** [2024 年 9 月 30 日午前 5:08 UTC](https://community.cybozu.dev/t/topic/554/6 "2024-09-30T05:08:48Z")

</div>

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