従業員向けの作業指示書作成/記入システムとして機能する Web サイトを作成しました。
現在、テーブルとさまざまなフィルターを含むページを見るだけで作業指示書が表示されるため、作業指示書を注文できます。ただし、ページを印刷したい場合は、3 ページにまたがり、ページ ヘッダー、ロゴ、フィルター ボタンなどを印刷するため、かなり面倒です。
「印刷」ボタンを作成する方法や、印刷時のページの外観をフォーマットして、余分なものをすべて切り取って表を 1 ページに収めることができる方法はありますか?
従業員向けの作業指示書作成/記入システムとして機能する Web サイトを作成しました。
現在、テーブルとさまざまなフィルターを含むページを見るだけで作業指示書が表示されるため、作業指示書を注文できます。ただし、ページを印刷したい場合は、3 ページにまたがり、ページ ヘッダー、ロゴ、フィルター ボタンなどを印刷するため、かなり面倒です。
「印刷」ボタンを作成する方法や、印刷時のページの外観をフォーマットして、余分なものをすべて切り取って表を 1 ページに収めることができる方法はありますか?
@media print
CSS ルールを使用する必要があります。例えば:
@media print {
#logo {
display: none;
}
}
テーブルの特定の領域を表示/非表示にしたり、テーブルのコンテナーを印刷サイズに再スケーリングしたりするには、印刷 css スタイルシートを追加することを検討する必要があります。詳細はこちら: http://www.onextrapixel.com/2009/05/05/how-to-create-a-simple-print-css-for-your-site/