HTML table to CSV
HTML的tabel是一個xml樹狀結構的資料
原則上可以直接對應成一個excel的表單
而HTML(嚴格說起來是JavaScript拉)也有Blob的輸出技術
透過善心人士提供的兩個Library + jQuery就可以直接替table加上下載按鈕了
下面是Demo片段程式碼:
透過table的data-table-to-csv屬性,給他下載檔案名稱
以及thead與tbody欄位來判斷表格的表頭與內文
載入的兩個js檔案就可以直接將這個表格另存成csv檔案下載喔...
<table data-table-to-csv="demo.csv"> <thead><tr>...</tr></thead> <tbody> <tr>...</tr> ... </tbody> </table> <!-- 這邊要Import table_to_csv.js, FileSaver.js, jQuery,下面載點提供大家參考 https://github.com/byteweaver/TableToCSV/table_to_csv.js https://github.com/eligrey/
FileSaver.js -->