# サブテーブルの入力画面のレイアウトについて

**URL:** <https://community.cybozu.dev/t/topic/6082>\
**Category:** kintone 開発相談\
**Created:** [2022 年 6 月 19 日午前 11:09 UTC](https://community.cybozu.dev/t/topic/6082 "2022-06-19T11:09:55Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Legacy\_Account2048](https://avatars.discourse-cdn.com/v4/letter/l/fbc32d/32.png) [@Legacy\_Account2048](https://community.cybozu.dev/u/Legacy_Account2048)\
**Post date:** [2022 年 6 月 19 日午前 11:09 UTC](https://community.cybozu.dev/t/topic/6082/1 "2022-06-19T11:09:55Z")

</div>

サブテーブルは1レコード横1列のシンプルな入力画面になりますが、この中身を自由にレイアウトする方法はありますか？

&nbsp;

例えば下記のようなイメージです。

《標準機能》

受付日時|受付者|受付内容(リッチエディタ)

&nbsp;

《例えばこのように》

受付日|受付者⏎

受付内容(リッチエディタ)

&nbsp;

よろしくお願いします。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account63](https://avatars.discourse-cdn.com/v4/letter/l/6de8d8/32.png) [@Legacy\_Account63](https://community.cybozu.dev/u/Legacy_Account63)\
**Post date:** [2022 年 6 月 20 日午前 1:50 UTC](https://community.cybozu.dev/t/topic/6082/2 "2022-06-20T01:50:37Z")

</div>

そのままでは無理ですが、CSSやJavaScriptカスタマイズを利用するなら可能です。

大きく分けて２つの方法があると思います

1. 標準のテーブルのスタイルを変更する  
[この記事のように](https://trialanderror.jp/kintone-subtable-visible/)、テーブルにJS/CSSをつかって自分好みにスタイルを適用する方法です。  
メリット：スタイルをなんとかするだけで済む  
デメリット：アップデートでHTML構造が変わったら動かなくなる可能性があったりしますし、標準のテーブルをこねくり回すことが結構たいへんかもしれません
2. 独自のテーブルを作る  
標準のテーブルをあえて非表示にし、スペースフィールドにテーブル要素を独自で作る方法です。  
（イメージは[こういう感じ](https://community.cybozu.dev/hc/ja/community/posts/115000171286-%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%A0%E3%83%93%E3%83%A5%E3%83%BC%E3%81%A7%E3%82%B5%E3%83%96%E3%83%86%E3%83%BC%E3%83%96%E3%83%AB%E3%82%92%E8%A1%A8%E7%A4%BA)になります（この投稿はスペースフィールドではなくカスタムビューですがやることは似たような感じです）  
メリット：自分でテーブルを組むので自由自在  
デメリット：やりたいことに対してコスパが悪そう（自分で行の追加・削除なども実装が必要）。JSの事前知識が1よりは必要

---

<div class="post-metadata">

**Author:** ![Legacy\_Account2048](https://avatars.discourse-cdn.com/v4/letter/l/fbc32d/32.png) [@Legacy\_Account2048](https://community.cybozu.dev/u/Legacy_Account2048)\
**Post date:** [2022 年 6 月 20 日午前 10:38 UTC](https://community.cybozu.dev/t/topic/6082/3 "2022-06-20T10:38:30Z")

</div>

ありがとうございます。  
頂いた情報を拝見しましたが仰る通りいずれにしてもコスパ悪そうですね…

別アプリにして1:Nで上手く管理できるように別の切り口で検討してみます！

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