iT邦幫忙

0

WEB 前端列印報表

  • 分享至 

  • xImage

請教各位專家,想要在網頁上直接列印報表(可指定印表機選定邊界等設定),
目前爬文只看到有IE ONLY的ScriptX 可用。若是想要在Chrome瀏覽器使用,
請教有甚麼好的軟體或方法(可設定且不用預覽),感謝

五十男 iT邦研究生 5 級 ‧ 2019-08-31 11:35:53 檢舉
我寫過用 JavaScript ,很久忘了。
您 Google 應該查的到
tsaipowun iT邦新手 5 級 ‧ 2019-11-26 16:29:25 檢舉
感謝回覆
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中
1
dragonH
iT邦超人 5 級 ‧ 2019-08-30 11:18:43

要不要考慮自己寫 css

code

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
  <div class = "main">
    <pre>
      請教各位專家,想要在網頁上直接列印報表(可指定印表機選定邊界等設定),
      目前爬文只看到有IE ONLY的ScriptX 可用。若是想要在Chrome瀏覽器使用,
      請教有甚麼好的軟體或方法(可設定且不用預覽),感謝
    </pre>    
  </div>
</body>
</html>
<style>
  @media print {
    @page {size: landscape}
    html {
      height: 100vh;
    }
    body {
      height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .main {
      font-size: 2rem;
    }
  }
</style>

一般情況

https://ithelp.ithome.com.tw/upload/images/20190830/20117259bDqdx5IHbx.png

print mode

https://ithelp.ithome.com.tw/upload/images/20190830/20117259WFkyEDbRqQ.png

tsaipowun iT邦新手 5 級 ‧ 2019-11-26 16:29:31 檢舉

感謝回覆

tsaipowun iT邦新手 5 級 ‧ 2019-11-26 16:34:22 檢舉

主要是希望按鈕後可直接列印,不用預覽

0

現在常用的方式是將其輸出成pdf了。
其原因是因為現在的Chrome瀏覽器本身就已經支援直接看pdf檔。

開pdf後就可以去設定印表機等等東西了。

當然,使用css的print的特性其實也算是一招就是了。
只是css並不太能盡善盡美。由其是有位置定位的。有時光調整就一個頭兩個大了。

而pdf來說,則是偏向技術的輸出處理。
css來說,則會比較偏向美工排板的處理。

看哪一個會比較容易上手。

但如果你只是想要按print就可以run印表機跟調整。
就如你找到的答案一樣。只有ie或是acx的方式才有辦法處理了。

tsaipowun iT邦新手 5 級 ‧ 2019-11-26 16:29:20 檢舉

感謝回覆

archer iT邦新手 2 級 ‧ 2021-01-14 10:07:26 檢舉

請問版主, 我也有同樣的問題,請問如何解決

0
wilson1966
iT邦研究生 1 級 ‧ 2019-09-02 13:24:17

我都是用.net 附的 RDLC 報表

tsaipowun iT邦新手 5 級 ‧ 2019-11-26 16:29:38 檢舉

感謝回覆

0
archer
iT邦新手 2 級 ‧ 2021-01-14 10:32:48

請問版主, 我也有同樣的問題,請問如何解決

不明
【**此則訊息已被站方移除**】

我要發表回答

立即登入回答