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

**URL:** <https://community.cybozu.dev/t/topic/5622>\
**Category:** kintone 開発相談\
**Created:** [2022 年 1 月 10 日午後 2:31 UTC](https://community.cybozu.dev/t/topic/5622 "2022-01-10T14:31:15Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Legacy\_Account2542](https://avatars.discourse-cdn.com/v4/letter/l/67e7ee/32.png) [@Legacy\_Account2542](https://community.cybozu.dev/u/Legacy_Account2542)\
**Post date:** [2022 年 1 月 10 日午後 2:31 UTC](https://community.cybozu.dev/t/topic/5622/1 "2022-01-10T14:31:15Z")

</div>

初心者でうまくCSSを使いこなせないので、アドバイスを頂けると助かります。

あるアプリ内で、幅の違うサブテーブルを２つ使用しているのですが、  
１つのサブテーブルの幅が長く、右スクロールするのが手間なので、画面左側に行追加・行削除の「+」「-」ボタンを  
移動させたいと思っております。

色々カスタマイズフォーラムを調べていくなかで、以下の対応を見つけ対応したところ、  
２つのサブテーブルとも、行追加・行削除の「+」「-」ボタンが画面左側に移動してしまいます。

[https://developer.cybozu.io/hc/ja/community/posts/202807564-%E3%83%86%E3%83%BC%E3%83%96%E3%83%AB%E3%81%AE%E8%A1%8C%E8%BF%BD%E5%8A%A0%E3%83%9C%E3%82%BF%E3%83%B3%E3%81%AE%E4%BD%8D%E7%BD%AE%E3%81%AB%E3%81%A4%E3%81%8D%E3%81%BE%E3%81%97%E3%81%A6](https://developer.cybozu.io/hc/ja/community/posts/202807564-%E3%83%86%E3%83%BC%E3%83%96%E3%83%AB%E3%81%AE%E8%A1%8C%E8%BF%BD%E5%8A%A0%E3%83%9C%E3%82%BF%E3%83%B3%E3%81%AE%E4%BD%8D%E7%BD%AE%E3%81%AB%E3%81%A4%E3%81%8D%E3%81%BE%E3%81%97%E3%81%A6)

```
.subtable-gaia th.subtable-operation-gaia, .subtable-gaia td.subtable-operation-gaia {
position: absolute;
margin-left: -1980px;
}

```

1つのサブテーブルだけ、行追加・行削除の「+」「-」ボタンを画面左側に移動することは可能でしょうか？  
もし移動できるなら、どのような方法があるのか教えていただけますでしょうか。

宜しくお願いいたします。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account2229](https://avatars.discourse-cdn.com/v4/letter/l/ce7236/32.png) [@Legacy\_Account2229](https://community.cybozu.dev/u/Legacy_Account2229)\
**Post date:** [2022 年 1 月 13 日午前 1:50 UTC](https://community.cybozu.dev/t/topic/5622/2 "2022-01-13T01:50:00Z")

</div>

t.satoさん

こんにちは。

&nbsp;

HTML上ではフィールドのclassに番号が付いていますので、そちらをCSSで指定すると良いです。

以下の場合、「.subtable-row-6376589」が下のテーブルを示しています。

※番号はアプリにより異なりますので、ChromeデベロッパーツールなどでHTMLをご確認ください。

```
.subtable-row-6376589 th.subtable-operation-gaia, .subtable-row-6376589 td.subtable-operation-gaia {
position: absolute;
margin-left: -1980px;
}

```

---

<div class="post-metadata">

**Author:** ![Legacy\_Account2542](https://avatars.discourse-cdn.com/v4/letter/l/67e7ee/32.png) [@Legacy\_Account2542](https://community.cybozu.dev/u/Legacy_Account2542)\
**Post date:** [2022 年 1 月 13 日午前 2:38 UTC](https://community.cybozu.dev/t/topic/5622/3 "2022-01-13T02:38:11Z")

</div>

koichiさん

先日に引き続きありがとうございます！

なるほど、ディベロッパーツールでフィールドのClass番号を確認し、お教えいただいた形で指定するのですね。  
早速実装させていただき対応することができました。大変勉強になりました、ありがとうございます。

---

<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 月 5 日午前 12:43 UTC](https://community.cybozu.dev/t/topic/5622/4 "2024-09-05T00:43:36Z")

</div>

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