xlsx.js讀取xls,xlsx文件到網頁表格預覽(bootstrap table)
以下描述僅展示主要功能,具體代碼實現在gtihub上,鏈接在文章最後。
1.js準備
讀取文件的xlsx.js+bootstrap-table 等js 文件。
2.編寫讀取函數
主要包括讀取excel文件內容,根據表頭放入表格(bootstrap table),在此基礎上實現增加,更改,刪除等操作。
3.主要功能
1)xlsx.js讀取 excel 數據放入bootstrap table
2) 增加數據
3) 更改數據(bootstrap-editable插件實現,當然是可以更改每個單元格的數據了)
4) 單個刪除,批量刪除
5)動態切換表頭。通過切換導入選項,表頭動態切換。
4.成果展示
5.demo下載地址
附件內爲demo所用的excel文件
https://github.com/EricFZ/xlsxdemo.git