iT邦幫忙

1

前端如何製作報表

report html javascript
chialing 2022-02-21 23:16:48 ‧ 2717 瀏覽

  • 分享至 

  • xImage

在只能使用html和javascript，且後端只提供API回傳json資料的情況下，有什麼報表工具或是函式庫可以在只有html、javascript、json的狀況下快速製作的嗎？

player iT邦大師 1 級 ‧ 2022-02-22 20:45:47 檢舉
報表基於避免修改或封存的特性，常輸出成pdf檔。
或是套版輸出成word或excel檔。
除非需要與瀏覽者即時互動(例如一堆選項讓瀏覽者自己查)
archer9080 iT邦研究生 4 級 ‧ 2022-02-23 14:39:29 檢舉
忘了有沒有記錯，很久沒用了
如果內容只是單純表格+圖片輸出成excel--->jquery 的 table2excel
不是的話請略過
登入發表討論
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

7 個回答

1
river_huang
iT邦新手 3 級 ‧ 2022-02-22 10:02:27
最佳解答

如果只是要一個簡單的表格呈現
其實HTML的Table就可以了
若需要複雜點的功能
可以考慮用DataTables這類的library
https://datatables.net/
若還需要加上圖表
可以考慮chart.js或D3.js

登入發表回應
2
居然解出來了
iT邦好手 1 級 ‧ 2022-02-21 23:18:48

這篇可以參考看看

登入發表回應
0
ckp6250
iT邦好手 1 級 ‧ 2022-02-22 05:25:47

https://parall.ax/products/jspdf

登入發表回應
0
dscwferp
iT邦高手 1 級 ‧ 2022-02-22 10:20:31

我介紹 PivotTable.js
https://pivottable.js.org/

登入發表回應
1
idoncys
iT邦研究生 3 級 ‧ 2022-02-22 11:08:53

我們前台用 template 排各式樣版,接收後台傳來的 xml 或 json,然後生成使用者介面,可當報表可當修改介面..
樣版在前台直接刻,可同時跟客戶線上溝通,視需要一天就可以做好幾個樣版

加班系統,內含數個報表,一個視窗就可整合作業
https://www.idon.com.tw/?jobno=21040011

圖文說明範例,可多人線上共同編輯
儀錶板
https://www.idon.com.tw/?jobno=22010006

薪資人事
https://www.idon.com.tw/?jobno=22020011

排版部分可以自己視樣式寫各種排版程式,下圖為我們 form 型式的排版,版排好存檔後立即就可調後台 json資料秀出很方便

idoncys iT邦研究生 3 級 ‧ 2022-02-22 11:13:18 檢舉

補一張排版圖
https://ithelp.ithome.com.tw/upload/images/20220222/20023389uNXCZpHnus.jpg

登入發表回應
0
sunn123
iT邦見習生 ‧ 2022-02-25 15:46:25

你能告诉我更多关于那台机器的信息吗？gartic phone

登入發表回應
0
regardgucci
iT邦見習生 ‧ 2023-06-26 22:07:56

我需要有關該產品的更多信息 dumb ways to die

登入發表回應

我要發表回答

立即登入回答
iThome鐵人賽
參賽組數
1123 組
團體組數
52 組
累計文章數
23096 篇
完賽人數
656 人
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 2018鐵人賽 javascript 2017鐵人賽 python windows php c# windows server linux css react 程式設計 vue.js
熱門問題
熱門回答
熱門文章
IT邦幫忙