# 詳細画面のサブテーブルの表の各セルの色を変更する方法について

**URL:** <https://community.cybozu.dev/t/topic/1980>\
**Category:** kintone 開発相談\
**Created:** [2015 年 2 月 22 日午後 12:20 UTC](https://community.cybozu.dev/t/topic/1980 "2015-02-22T12:20:55Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![Legacy\_Account1956](https://avatars.discourse-cdn.com/v4/letter/l/f4b2a3/32.png) [@Legacy\_Account1956](https://community.cybozu.dev/u/Legacy_Account1956)\
**Post date:** [2015 年 2 月 22 日午後 12:20 UTC](https://community.cybozu.dev/t/topic/1980/1 "2015-02-22T12:20:55Z")

</div>

お世話になります。

詳細画面のサブテーブルの表の各セルについて、  
入力した値によって背景の色や文字の色を変えたいと思って入りますが  
技術的には可能でしょうか？？  
もし、可能であれば、ヒントをいただけると幸いです。  
なお、サブテーブルの値の取得はなんとかできましたが  
それを元に、セルの色を変えたいのですがどうやって該当セルを  
指定していいのかわからない状態です。

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

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1574](https://avatars.discourse-cdn.com/v4/letter/l/76d3ee/32.png) [@Legacy\_Account1574](https://community.cybozu.dev/u/Legacy_Account1574)\
**Post date:** [2015 年 2 月 24 日午前 11:33 UTC](https://community.cybozu.dev/t/topic/1980/2 "2015-02-24T11:33:40Z")

</div>

今回はサブテーブルとのことですが、[関連レコードで表示している項目の幅調整について](https://cybozudev.zendesk.com/hc/communities/public/questions/202134810)で回答されている方法と同様の方法で対応できると思います。  
thをfindしているところをtdに変え、style.color等を指定するという方法になります。いかがでしょうか？

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1956](https://avatars.discourse-cdn.com/v4/letter/l/f4b2a3/32.png) [@Legacy\_Account1956](https://community.cybozu.dev/u/Legacy_Account1956)\
**Post date:** [2015 年 2 月 24 日午後 12:47 UTC](https://community.cybozu.dev/t/topic/1980/3 "2015-02-24T12:47:32Z")

</div>

ご回答ありがとうございます！  
実際に試してみましたがうまくいきませんでした。  
getFieldElementですがドキュメントに「サブテーブルに含まれるフィールド」には使用できない旨が書いてありましたがサブテーブル自体のフィールドを取得できるという認識で大丈夫でしょうか？

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1574](https://avatars.discourse-cdn.com/v4/letter/l/76d3ee/32.png) [@Legacy\_Account1574](https://community.cybozu.dev/u/Legacy_Account1574)\
**Post date:** [2015 年 2 月 24 日午後 1:36 UTC](https://community.cybozu.dev/t/topic/1980/4 "2015-02-24T13:36:14Z")

</div>

すみません。tdはDOMが展開される前に実行になって難しそうですね。

> getFieldElementですがドキュメントに「サブテーブルに含まれるフィールド」には使用できない旨が書いてありましたがサブテーブル自体のフィールドを取得できるという認識で大丈夫でしょうか？

こちら、記載の通りだと思います。ちょっと苦しいですが、

```
var subtable = kintone.app.record.getFieldElement('サブテーブル');

```

の後に

($(subtable).find(‘td’))[0] 等の有無をループでチェックする方法や

```
setTimeout(function(){

},100);

```

に挟んで、サブテーブルの展開を待って実行する等の方法が考えられそうですが、行数が多い時には更に工夫が必要そうですね。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1956](https://avatars.discourse-cdn.com/v4/letter/l/f4b2a3/32.png) [@Legacy\_Account1956](https://community.cybozu.dev/u/Legacy_Account1956)\
**Post date:** [2015 年 2 月 25 日午前 12:00 UTC](https://community.cybozu.dev/t/topic/1980/5 "2015-02-25T00:00:48Z")

</div>

ご教授大変助かります。ありがとうございます。  
こちらの方法で試行錯誤してみたいと思います。  
取り急ぎお礼のご連絡まで  
ありがとうございました！

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1956](https://avatars.discourse-cdn.com/v4/letter/l/f4b2a3/32.png) [@Legacy\_Account1956](https://community.cybozu.dev/u/Legacy_Account1956)\
**Post date:** [2015 年 2 月 25 日午前 1:32 UTC](https://community.cybozu.dev/t/topic/1980/6 "2015-02-25T01:32:31Z")

</div>

なんとか教えていただいた方法で実装できました！  
ありがとうございました。  
”サブテーブルの展開を待って実行する等の方法が考えられそうですが、行数が多い時には更に工夫が必要そうですね。”  
についてですが、現在setTimeoutで遅延して処理を実行していますが、レコードの描画が終わったら、処理するみたいな方法はないという認識ですよね。。。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1574](https://avatars.discourse-cdn.com/v4/letter/l/76d3ee/32.png) [@Legacy\_Account1574](https://community.cybozu.dev/u/Legacy_Account1574)\
**Post date:** [2015 年 2 月 25 日午前 2:00 UTC](https://community.cybozu.dev/t/topic/1980/7 "2015-02-25T02:00:39Z")

</div>

この種のトピックは一般的には、  
`document.addEventListener("DOMContentLoaded",function(){},false);`  
の類で解決できたりするのかなぁと思うのですが、これがまずkintoneでは発火しない？ようですね。

予めサブテーブルの長さがわからなければ、現実的にはtd[0]を確認後タイマーを入れてという合わせ技になるのかと思います。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1956](https://avatars.discourse-cdn.com/v4/letter/l/f4b2a3/32.png) [@Legacy\_Account1956](https://community.cybozu.dev/u/Legacy_Account1956)\
**Post date:** [2015 年 2 月 25 日午前 2:21 UTC](https://community.cybozu.dev/t/topic/1980/8 "2015-02-25T02:21:57Z")

</div>

早々にご回答ありがとうございました。  
やはりテクニックが必要になるみたいですね。  
参考になりました！ありがとうございます。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1574](https://avatars.discourse-cdn.com/v4/letter/l/76d3ee/32.png) [@Legacy\_Account1574](https://community.cybozu.dev/u/Legacy_Account1574)\
**Post date:** [2015 年 2 月 25 日午前 2:24 UTC](https://community.cybozu.dev/t/topic/1980/9 "2015-02-25T02:24:33Z")

</div>

ちょっと中途半端な感じになり申し訳ないです。

---

<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 年 8 月 21 日午前 8:32 UTC](https://community.cybozu.dev/t/topic/1980/10 "2025-08-21T08:32:12Z")

</div>

クローズされました: 2025 年 8 月 21 日午前 8:32 UTC

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