亚洲国产日韩欧美一区二区三区欧美日韩在线一区二区_亚洲第一国产综合,国产福利电影一区二区三区_国产极品精品免费视频能看的_福利中文字幕最新永久_国产欧美亚洲精品_人妻中文字幕无码专区,欧美日韩国产中文精品字幕自在自线,欧美三日本三级少妇三级久久,中文字幕人成在线-免费无码一区二区

React 是一用于構建用戶界面的 JavaScript 庫,具備聲明式、組件化和“一次學習,隨處編寫”的技術特點,可以讓 JS 代碼更加可靠、便于調試,使用 React 框架,您可以輕松地在應用中傳遞數據,并使得狀態與 DOM 分離。

SpreadJS 支持 React,VueAngular 等框架集成,可實現類似 Excel 的電子表格功能。將 SpreadJS 與 React 集成,可在 React 框架中實現類似 Excel 的電子表格功能,包括支持 450 多種計算公式、在線導入導出 Excel 文檔、數據透視表和多種數據可視化效果,使應用程序具備極高的數據處理性能和響應速度。

SpreadJS 集成 React,可提供多種電子表格功能

高性能數據處理

高性能數據處理

SpreadJS 針對數據處理性能進行了優化。點擊運行演示,即可通過設置數據的數量、行列、分組和排序,衡量 SpreadJS 的數據處理性能。

在線表格編輯器

在線表格編輯器

在線表格編輯器內置開放的 API 和類 Excel 的 UI 設計元素,可實現模板在線設計、在線編輯和數據綁定等功能,為用戶提供高度類似 Excel 的使用體驗。

數據透視表

數據透視表

SpreadJS 的數據透視表具備了 Excel 透視表的大部分功能,包括透視面板、透視表字段、篩選器、值字段設置、數據排序、分類匯總等。

導入/導出 Excel

導入/導出 Excel

支持在線導入和導出 Excel (.xlsx),使用該功能,用戶可在瀏覽器中加載并修改各種 Excel 文檔,并將修改后的數據保存到數據庫中。

450 多種計算公式

450 多種計算公式

SpreadJS 的計算引擎支持 450 多種 Excel 公式函數,包括自定義函數、數組函數、動態數組、異步函數、XMATCH、LET 、XLOOKUP 函數等。

數據綁定

數據綁定

使用 SpreadJS 可以直接通過模板創建與數據的綁定關系,即可綁定 JavaScript 對象和對象數組,也可將整個工作表、表格或單元格綁定到數據源。

32 種圖表

32 種圖表

SpreadJS 內置 32 種圖表類型,支持趨勢線、誤差線和組合圖表功能。通過設置圖表布局、自定義元素,可以將表格數據以可視化的方式呈現。

迷你圖

迷你圖

與 Excel 相似,SpreadJS 可以把一行數據生成一個圖表放在一個單元格中,用于顯示數據趨勢,例如增/減、最小/最大值、庫存水平、成本等。

182 種形狀

182 種形狀

SpreadJS 的內置形狀可以在 Excel 中無損導入和導出,除了內置形狀,還可以使用數據驅動來動態生成可交互的形狀類型,為系統添加更多細節展現。

超鏈接

超鏈接

SpreadJS 的超鏈接功能與 Excel 類似,使用超鏈接,可以快速定位目標工作表的位置、打開電子郵件或實現類似按鈕的跳轉功能。

排序

排序

即可以選擇表單區域并通過上下文菜單排序,也可以通過表頭篩選框進行排序,與此同時,SpreadJS 還提供了 Compare 函數來執行更復雜的排序。

數據驗證

數據驗證

數據驗證的目的是判斷在單元格中輸入的數據是否合法。借助 SpreadJS,可以標注出無效數據,幫助用戶及時更正數據,以滿足輸入要求。

自定義菜單

自定義菜單

SpreadJS 的在線表格編輯器提供了類似于 Excel 的上下文菜單,該菜單可與工作表進行交互。通過調用 API,可實現添加、刪除、自定義菜單選項。

打印

打印

SpreadJS 提供了實時預覽與自定義打印的功能。通過設置分頁符,可在打印預覽頁顯示預覽行,并實時獲取頁面信息以將背景圖像作為水印。

導出 PDF

導出 PDF

SpreadJS 支持導出 PDF 文件,也可以導入 Excel(.xlsx)并將其轉化為 PDF。導出時使用 printInfo 對象進行頁面設置,以享受 SpreadJS 中所有打印功能。

體驗 SpreadJS 純前端表格控件

立即下載 在線體驗

三種方式,學會在 React 中快速集成 SpreadJS

使用 Node 包管理器

使用 Node 包管理器

使用 Node 包管理器,可直接從 NPM 服務器下載 SpreadJS 包和命令行模塊到本地使用。

使用傳統 HTML

文章介紹了如何使用 Babel JavaScript 編譯器,將 SpreadJS 和 React 在 HTML5 頁面中快速集成。

新手訓練營

您可以通過參加新手訓練營,快速學會在 React 框架中使用 SpreadJS,搭建在線表格編輯系統。

SpreadJS 集成 React 的典型案例

國電聯合動力 - 日常業務流程管理系統

國電聯合動力 - 日常業務流程管理系統

借助 SpreadJS 高性能的計算引擎和業界領先的 Excel 兼容度,國電聯合動力在 React 框架下實現了 Excel 的電子表格功能。使用該系統,業務員可在線填報數據,并根據系統的運行情況對數據在線分析和計算,確保了電力系統各部門間的數據流通及時、有效。

了解更多