【Rails5】指定された日付の範囲でテーブルデータを印刷したい

Question

前提・実現したいこと

Rails5初心者です。
現在、顧客管理システムを作っております。
Ransackを用いて指定された日付に当てはまる顧客データを検索できるようにしているのですが、
検索後に日付指定された顧客テーブルのみを印刷する方法を考えております。

※ 別ウィンドウでの印刷画面表示は避けたいです

実現方法がございましたら、ご教示いただけますと幸いです。

添付ファイル

Answer 1

顧客テーブルのみを印刷する

印刷させたい箇所以外をCSSのメディアクエリを利用して印刷時のみ非表示にしてしまえばよいと思います。

@media print{
  ...
}

Comments

[Jake5]

Mugheartさん
ご回答頂きありがとうございます。

＞印刷させたい箇所以外をCSSのメディアクエリを利用して印刷時のみ非表示にしてしまえばよいと思います。
このやり方がやはり一般的なのですね。
裏で処理を走らせることなく、印刷するのはやはり実装難易度としては高いのでしょうか。

[rhiroe]

裏で走る処理とはなんのことを指しているのでしょうか。

[Jake5]

Mugheartさん

すみません誤解しておりました。
そういうことですね。

.form-group.row
/ .col-lg-1
= f.label :date, "日付", class: 'col-lg-3 col-form-label'
= f.search_field :date_gteq, class: 'col-lg-5 date-picker', :placeholder => '2020/01/01', autocomplete: 'off'
span.input-group-addon.pt-lg-2.ml-lg-1
| から
= f.search_field :date_lteq, class: 'col-lg-5 offset-lg-3 date-picker', :placeholder => '2020/01/08', autocomplete: 'off'
span.input-group-addon.pt-lg-2.ml-lg-1
| まで
= f.submit "検索", class: 'btn btn-outline-primary offset-lg-1'

上記のようにView内で日付を指定しsubmitすることによって検索画面に遷移するのですが、
ここでjavascriptの関数を呼んで
cssを操作→window.print()で指定範囲を印刷
と考えておりますがやり方がわからず難航しております。
初歩的な質問で申し訳ありませんが、もしやり方をご存知でしたらご教示いただけないでしょうか。

[rhiroe]

おっしゃられている内容ですとjs側で以下の工程を行うことになるかなと思います。
①リクエストを送信
②表示されるのを待つ
③printを実行する

ただ、検索ボタンをクリックするといきなり印刷されるというのはUI的にあまりよろしくないのでは？
とは思いますが...。

[Jake5]

ご丁寧に説明いただきありがとうございます。
頂いた情報を元に試行錯誤してみます。

>ただ、検索ボタンをクリックするといきなり印刷されるというのはUI的にあまりよろしくないのでは？
とは思いますが...。
最初にプレビューを表示させようと思っております。