# テーブルの項目が多すぎて印刷画面に入らない件を解決したい

**URL:** <https://community.cybozu.dev/t/topic/6945>\
**Category:** kintone 開発相談\
**Created:** [2021 年 1 月 19 日午前 6:34 UTC](https://community.cybozu.dev/t/topic/6945 "2021-01-19T06:34:38Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Legacy\_Account2354](https://avatars.discourse-cdn.com/v4/letter/l/858c86/32.png) [@Legacy\_Account2354](https://community.cybozu.dev/u/Legacy_Account2354)\
**Post date:** [2021 年 1 月 19 日午前 6:34 UTC](https://community.cybozu.dev/t/topic/6945/1 "2021-01-19T06:34:38Z")

</div>

経費精算アプリを自前で作っており、  
その中にテーブルがあり、フィールドが11個ほど入っています。  
その中には、ルックアップのフィールドも3つあり、  
フォームの編集で幅を狭くすれば、その分、印刷画面でも幅が狭くなるのですが、  
あまり狭くしてしまうと入力画面で見辛くなってしまいます。  
ある程度はフォームの編集画面で枠を狭くしました。  
印刷画面で非表示でもOKなフィールドについては、以下のように設定済みです。

kintone.events.on(“app.record.print.show”, function(event){  
var record = event.record;  
kintone.app.record.setFieldShown(‘フィールド名’, false);  
});

それでも印刷画面で、ページに収まりきりません。

他にどのようなことができるか教えていただけますでしょうか？

・ルックアップの項目の幅サイズを印刷時のみ狭くできますでしょうか？

・印刷時、テーブルのフィールドの幅を指定できますでしょうか？

・印刷時、表示を100%でなく、例えば60%くらいにできますでしょうか？

など、他の方法でも良いので、解決策があれば教えていただきたいです。

よろしくお願いします。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1821](https://avatars.discourse-cdn.com/v4/letter/l/d07c76/32.png) [@Legacy\_Account1821](https://community.cybozu.dev/u/Legacy_Account1821)\
**Post date:** [2021 年 1 月 19 日午前 7:12 UTC](https://community.cybozu.dev/t/topic/6945/2 "2021-01-19T07:12:42Z")

</div>

fukuyamaさん、こんにちは。プロジェクト・アスノートの松田です。

リンク先のような記事を書いていますので紹介します。

記事ではブックマークレットで動かしていますが、アプリのカスタマイズに組み込んでもいいと思います。

[https://qiita.com/Shokun1108/items/52d1b1d1d79344882478](https://qiita.com/Shokun1108/items/52d1b1d1d79344882478)

参考になれば幸いです。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account2354](https://avatars.discourse-cdn.com/v4/letter/l/858c86/32.png) [@Legacy\_Account2354](https://community.cybozu.dev/u/Legacy_Account2354)\
**Post date:** [2021 年 1 月 21 日午前 1:34 UTC](https://community.cybozu.dev/t/topic/6945/3 "2021-01-21T01:34:12Z")

</div>

Shotaro Matsuda様

コメントいただきありがとうございます！

app.record.print.show のイベント時に

（↓いただいたリンクの印刷時の幅設定のソースを参考にさせていただきました！）

document.getElementsByClassName(“layout-gaia”)[0].style.width = 1100 + “px”;

のソースを追加することで、対応できました！

本当にありがとうございます！！