# サブテーブル内の数値フィールドのフィールド名を、別フィールドの値で表示したいのですが。。

**URL:** <https://community.cybozu.dev/t/topic/6162>\
**Category:** kintone 開発相談\
**Created:** [2022 年 7 月 14 日午前 5:08 UTC](https://community.cybozu.dev/t/topic/6162 "2022-07-14T05:08:09Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Legacy\_Account2091](https://avatars.discourse-cdn.com/v4/letter/l/fbc32d/32.png) [@Legacy\_Account2091](https://community.cybozu.dev/u/Legacy_Account2091)\
**Post date:** [2022 年 7 月 14 日午前 5:08 UTC](https://community.cybozu.dev/t/topic/6162/1 "2022-07-14T05:08:09Z")

</div>

文章で説明するのが難しいのですが、サブテーブルのフィールド名を、ドロップダウンで選んだ値で表示したいと希望を持っております。

そもそもそんな事が可能なのかどうかも分かっておりません。。

以前「JSEdit for kintone で、テーブルのフィールド名（ヘッダーの文言）を改行したい」で、ご教示いただいたスクリプトから、何か出来ないか考えてはみたものの、まったく判る訳もなく途方に暮れております。

どなたか同じような問題を解決なさっている方はいらっしゃいませんでしょうか。

そもそも、このテーブルの行列を逆にして、テーブルに名前のフィールドを入れ、日付を１～３１日固定でフィール名にすればいいではないか、とも考えたのですが、そうすると自動計算の曜日をテーブル内に入れられず、また、同じテーブルの行には文字列複数行のフィールドもあるので、テーブルがとてつもなく横長となって行き詰まり、、、現在のテーブルとなっております。。

---

<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 年 7 月 14 日午前 8:26 UTC](https://community.cybozu.dev/t/topic/6162/2 "2022-07-14T08:26:59Z")

</div>

豊和会 本部さん

度々こんにちは。

&nbsp;

標準機能では難しいですね。

各列名の上に文字列1行を並べて、自動計算で氏名を参照することも考えましたが、行列入替があるのでボツですね。

&nbsp;

いきなり全てのコードを提示するのは好ましくないので

以下に沿って、順にコードに落とし込んでいただければと思います。

①列番号と氏名フィールドコードの組合せを連想配列で作ります。

```
// 列番号: フィールドコード（0番から数える）
const FIELD_DICT = {
  2: '氏名A',
  3: '氏名B',
  4: '氏名C'
}

```

&nbsp;

②サブテーブルのヘッダー要素\<th\>を取得します。

\<th\>要素には「.subtable-label-gaia」が付いていますので、これをもとに取得します。

```
const th = document.querySelectorAll('.subtable-label-gaia');

```

&nbsp;

③取得した\<th\>配列をループ処理します。

この時、if文でFIELD\_DICTにKEYが存在するかをチェックします。

存在する場合、\<th\>配下の\<span\>のテキスト（textContent）を氏名フィールドのvalueに書き換えます。

氏名フィールドは、FIELD\_DICTから列番号に該当するフィールドコードを参照します。

```
for (let i = 0; i < th.length; i++) {
if (FIELD_DICT[i]) {
  th[i].querySelector('span').textContent = record[FIELD_DICT[i]].value;
}
}

```

&nbsp;

– ここまでを関数にします –

&nbsp;

④関数をどこで呼び出すか。

追加画面表示時、編集画面表示時、氏名フィールド変更時、詳細画面表示時

&nbsp;

ほぼ答えみたくなってしまいましたが、以上をもとにコードを組んでみてください。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account2091](https://avatars.discourse-cdn.com/v4/letter/l/fbc32d/32.png) [@Legacy\_Account2091](https://community.cybozu.dev/u/Legacy_Account2091)\
**Post date:** [2022 年 7 月 14 日午後 11:48 UTC](https://community.cybozu.dev/t/topic/6162/3 "2022-07-14T23:48:39Z")

</div>

koichiさん

いつも大変お世話になっております。早速ながらに、ありがとうございます！

教えて頂いた内容で、チャレンジしてみます。 出来ても、出来なくても、また返信致しますが、返信までに時間がかかるかも知れません、、、すみません。

いつもありがとうございます。

&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:** [2025 年 5 月 1 日午前 7:26 UTC](https://community.cybozu.dev/t/topic/6162/4 "2025-05-01T07:26:02Z")

</div>

クローズされました: 2025 年 5 月 1 日午前 7:26 UTC

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