印刷画面でテーブルの一部を非表示にできますか？

kintone カスタマイズ
1

いつもお世話になっております。

印刷画面でテーブルの一部を非表示にしたいのですが、こちらの記事のやり方ではテーブルは対応していないと教わりました。
https://developer.cybozu.io/hc/ja/articles/212084643-%E5%8D%B0%E5%88%B7%E7%94%BB%E9%9D%A2%E3%82%92%E3%83%A1%E3%82%A4%E3%82%AF%E3%82%A2%E3%83%83%E3%83%97-kintone-%E5%8D%98%E4%BD%93%E3%81%A7%E7%B6%BA%E9%BA%97%E3%81%AB%E5%8D%B0%E5%88%B7-

この方法以外で、印刷画面でテーブルの一部を非表示にすることはできないでしょうか？
レコード詳細や編集画面では表示されて、印刷画面でのみ非表示にできればと思っています。

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

2

kirimin さん

下記のような JavaScript と CSS でテーブルの項目を非表示に出来ます。

処理としては CSS で非表示にしますが、印刷画面の DOM 上に詳細画面と区別できるものが無いので、

JavaScript 印刷イベント処理で、'xxx-print’クラスを付与して区別できるようにします。

 

JavaScript : 印刷イベントで 'xxx-print’クラスを付与

(function() {
"use strict";
kintone.events.on("app.record.print.show", function(event) {
document.getElementById('record-gaia').classList.add('xxx-print');
return event;
});
})();

CSS : 印刷画面でテーブルの左から２番目の項目を非表示に設定
項目位置は、nth-child(2)を変更してください。

.xxx-print .subtable-gaia.show-subtable-gaia th:nth-child(2),
.xxx-print .subtable-gaia.show-subtable-gaia td:nth-child(2) {
display: none;
}

 

3

rex0220様

コードのご教授ありがとうございます、希望通りの動作をさせることができました！
重ねて御礼申し上げます。