現在我們可以在index.js 文件中添加代碼來實際初始化Spread.Sheets組件:
var gc = require('@grapecity/spread-sheets');window.onload = function () { var workbook = new gc.Spread.Sheets.Workbook(document.getElementById("ss")); var worksheet = workbook.getActiveSheet(); worksheet.getCell(3,3).value("SpreadJS Npm Package in Webpack Project");}
要測試項目,請返回到命令提示符並輸入以下命令:
npm run build
要正確運行頁面,請在Web瀏覽器中打開index.html文件:
總結
本教程展示了在webpack項目中使用 SpreadJS NPM 包是多麼容易。這只是一個開始,你可以在此基礎上創建更高級的項目。
關於SpreadJS – 可嵌入您系統的在線Excel
SpreadJS 純前端表格控件是基於 HTML5 的 JavaScript 電子表格和網格功能控件,適用於 .NET、Java 、Web 應用程序、移動端等多種平臺的表格數據處理和類 Excel 功能的表格程序開發。全中文操作界面,零學習成本!便於您在系統開發過程中,更安全的管理 Excel 數據,更快捷的完成海量數據交互,更方便的進行數據導出、導入、排序、過濾、增刪改查、可視化及 Excel 導入/導出等操作。
閱讀更多 葡萄城GrapeCity 的文章