web 報表工具如何自適應

2021-09-11 10:42:18 字數 1076 閱讀 9005

現在的報表使用者已經不再將報表作為乙個單純的報表工具看待了,有時候也會當作頁面工具來使用,這時為了頁面顯示工整美觀,就需要報表能夠自適應寬度。下面我們就基於潤幹報表來講一下是如何做到自適應展現報表。

產品:潤幹報表 v2018

方法 1:使用自帶的 matchreport.jsp 訪問報表,這個頁面通過 reportmatchsize 這個自適應 js 函式實現自適應功能。

1、 新建報表(過程不再詳細說明)

2、 啟動服務,訪問報表

訪問報表的連線為:http://ip:埠 /demo/reportjsp/matchreport.jsp?rpx= 報表名稱.rpx (如果報表儲存在 reportfiles 的下級資料夾中,訪問報表的 url 需要改為:……rpx= 資料夾名稱 / 報表名稱.rpx)

3、 報表在 pc 端的展現效果:

通過上面的展現效果可以看出,使用自帶的 matchreport.jsp 訪問報表,在自適應寬度的時候高度也同比例縮放了。如果我們不想要這種寬度自適應,高度同比例縮放的效果,我們可以試試下面這種方式。

方法 2:潤幹報表在網頁端展示時是以純 html 形式展現,所以可以通過頁面對展現的報表進行控制。

在展現頁面的 showreport.jsp 新增到以下 js:

pc 端展現效果:

1、潤幹報表自帶 mode  自適應方式,有以下 8 種取值,可直接修改 matcvhreport.jsp 裡面的 mode 屬性:

2、matchreport.jsp 自適應方式也適用於手機端,在手機瀏覽器輸入訪問報表的 url 即可。具體可參考文章:關於報表在移動端展現你需要知道哪些?

web 報表工具如何自適應

現在的報表使用者已經不再將報表作為乙個單純的報表工具看待了,有時候也會當作頁面工具來使用,這時為了頁面顯示工整美觀,就需要報表能夠自適應寬度。下面我們就基於潤幹報表來講一下是如何做到自適應展現報表。產品 潤幹報表 v2018 方法 1 使用自帶的 matchreport.jsp 訪問報表,這個頁面通...

web 報表工具如何自適應

現在的報表使用者已經不再將報表作為乙個單純的報表工具看待了,有時候也會當作頁面工具來使用,這時為了頁面顯示工整美觀,就需要報表能夠自適應寬度。下面我們就基於潤幹報表來講一下是如何做到自適應展現報表。產品 潤幹報表 v2018 方法 1 使用自帶的 matchreport.jsp 訪問報表,這個頁面通...

web 報表工具如何自適應

現在的報表使用者已經不再將報表作為乙個單純的報表工具看待了,有時候也會當作頁面工具來使用,這時為了頁面顯示工整美觀,就需要報表能夠自適應寬度。下面我們就基於潤幹報表來講一下是如何做到自適應展現報表。產品 潤幹報表 v2018 方法 1 使用自帶的 matchreport.jsp 訪問報表,這個頁面通...