テーブルのヘッダー色変更

kintone カスタマイズ
1

お世話になっております。

表題について質問いたします。

 https://developer.cybozu.io/hc/ja/community/posts/360010731243-%E3%82%B5%E3%83%96%E3%83%86%E3%83%BC%E3%83%96%E3%83%AB%E3%81%AE%E3%83%98%E3%83%83%E3%83%80%E3%83%BC%E3%81%AE%E8%89%B2%E5%A4%89%E6%9B%B4?input_string=%E3%83%86%E3%83%BC%E3%83%96%E3%83%AB%E3%81%AE%E3%83%98%E3%83%83%E3%83%80%E3%83%BC%E8%89%B2%E5%A4%89%E6%9B%B4

 

こちらを参考に以下のようなコードを作成いたしました。

 

(function() {
    “use strict”;
   
    kintone.events.on([“app.record.detail.show”,
                       “app.record.create.show”],function(event){

var table_hedder = document.getElementsByClassName(“subtable-label-gaia subtable-label-single_line_text-gaia”);

var field_name = document.getElementsByClassName(“subtable-label-inner-gaia”);

for(var i = 0; i < table_hedder.length; i++){
  if(field_name[i].innerHTML === “日付”){
     table_hedder[i].style.backgroundColor = “red”;
   }else if(field_name[i].innerHTML === “給与調整”){
     table_hedder[i].style.backgroundColor = “blue”;
   }else if(field_name[i].innerHTML === “あああ”){
     table_hedder[i].style.backgroundColor = “green”;
     }
    }
   })
   })();

 

このコードを反映させたところ以下のような表示になります。

「日付」と「給与調整」はヘッダーの色が変わらず、「あああ」についても緑ではなく、赤色になります。

 

プログラミング初心者の質問であり、大変申し訳ありませんが、アドバイスを頂けると助かります。

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

2

yamaguchi様

お世話になっております．
cstapの江田と申します．

「文字列 (1行)」以外のフィールドも含まれていそうなので，

var table_hedder = document.getElementsByClassName("subtable-label-gaia subtable-label-single_line_text-gaia");

を

var table_hedder = document.getElementsByClassName("subtable-label-gaia");

と変更するとよいのではないでしょうか？

3

江田篤史さん

ご回答いただきありがとうございました。

無事に思ったような機能を実装することができました。

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

 

 

4

私も使わせて頂きました。本当にありがとうございました。

サブテーブルの枠線について、印刷時非表示をしたいですが、ご教授いただければ幸いです。

5

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