開發網頁試算表的 5 個開源元件

策展摘要說明

想要在 Web 應用程式的前端提供一個類似 Google 試算表的功能？可以參考以下的開源網頁元件

使用 JavaScript（canvas）開發的電子試算表

• https://github.com/myliang/x-spreadsheet

想要在自己的網頁應用程式也內建一個試算表功能，可以試看看這個使用 javascript 開發的套件

一個 JavaScript/HTML5資料網格，具有試算表的外觀。支援 React、 Vue 和 Angular

• https://github.com/handsontable/handsontable

jExcel – 是一個輕量級的 javascript 外掛，可以建立基於 web 的互動式表格和電子表格，相容 Excel 或其他電子試算表

• https://github.com/paulhodel/jexcel

你可以從 JS 陣列、 JSON、 CSV 或 XSLX 檔案建立線上電子表格表。 你也可以從 excel 複製並直接貼上到你的 jexcel ce 電子表格，反之亦然。jExcel CE 有大量不同的輸入選項，以滿足最常見的網頁應用程式需求

這個外掛還可以與 React/Angular/Vue 做整合

SheetJS – 電子表單工具箱

• https://github.com/SheetJS/sheetjs

使用 Javascript 開發的各種電子表格格式的解析器和編寫器

Firetable 是使用 Firestore 的類似電子表格的 UI。

• https://github.com/AntlerVC/firetable

不用再建立管理入口網站讓商務人士從 Google Cloud 訪問資料。

除了標準欄位之外，還支援影象、檔案、單/多選等欄位。諸如行大小調整、 csv 資料匯入/匯出等功能！

---

也許你會有興趣

• 更多開源專案主題
• udemy 課程主題策展
• 前端開發學習地圖

不受 FB 演算法影響，歡迎透過 e-mail 訂閱網站更新