テーブルの書式と印刷への反映

 

印刷プレビュー

 

https://developer.cybozu.io/hc/ja/community/posts/115000371146-%E3%83%AC%E3%82%B3%E3%83%BC%E3%83%89%E3%81%AB%E7%99%BB%E9%8C%B2%E3%81%95%E3%82%8C%E3%81%9F%E3%83%86%E3%83%BC%E3%83%96%E3%83%AB%E3%81%AE%E6%96%87%E5%AD%97%E5%88%97%E3%82%92%E3%81%BF%E3%81%A6%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%AB%E3%82%B7%E3%83%BC%E3%83%88%E3%81%AETR%E3%82%AB%E3%83%A9%E3%83%BC%E3%82%92%E5%AE%9A%E7%BE%A9%E3%81%97%E3%81%9F%E3%81%84

上記URLを参考にレコード詳細のテーブルでセルの色と文字の大きさは

変更出来たのですが

テーブル内の文字の色の変更する方法が分からない状況です。

 

また印刷で

kintone.events.on(“app.record.print.show”, function(event) を記入して

テーブル内の書式やセルの色の印刷への反映方法も分からない状況のため

もしご存知であればご教授下さい。よろしくお願いします。

 

jQuery.noConflict();
(function($) {
“use strict”;
kintone.events.on(“app.record.print.show”, function(event) {

kintone.app.record.getFieldElement(‘mojiretu_0’).style.fontSize = ‘30px’;
kintone.app.record.getFieldElement(‘mojiretu_0’).style.backgroundColor = ‘#ffc0cb’;
kintone.app.record.getFieldElement(‘mojiretu_0’).style.color = ‘blue’;

function set_color(){

$(“td:nth-child(1):contains(‘セルの色’)”).closest(‘tr’).css(‘background-color’,‘#ffc0cb’);
$(“td:nth-child(2):contains(‘文字の大きさ’)”).closest(‘tr’).css(‘font-size’,‘x-large’);
$(“td:nth-child(3):contains(‘文字色’)”).closest(‘tr’).css(‘color’,‘red’);
}

// 閲覧画面表示イベント
kintone.events.on(“app.record.detail.show”, function(e) {
// テーブルが表示されるであろう1秒後に実行
setTimeout( set_color , 1000 );
});

});
})(jQuery);

 

上記は印刷画面用でテーブル部分は反映されません。

確かにテーブル部分については

 

https://developer.cybozu.io/hc/ja/community/posts/360000697606-テーブルの書式と印刷への反映 

の方法でも

印刷プレビュー画面は変わりませんでした