react 簡單的表格導出

js-export-excel（純js 支持中文） ES6 module

當頁面需要導出簡單的excel時，如果需要純前端實現，可以使用js-export-excel

首先在項目當前目錄下安裝 npm install js-export-excel

其次在需要導出表格的頁面引入該組件 import ExportJsonExcel from “js-export-excel”;
再然后就可以開始寫代碼了，以下為具體實現內容：

// 點擊按鈕，在render中 <Button onClick={this.downloadExcel}> 導出excel表格 </Button>// 調用方法 downloadExcel = () => { // currentPro 是列表數據const { currentPro } = this.props;var option={};let dataTable = [];if (currentPro) {for (let i in currentPro.data) {if(currentPro.data){let obj = {'項目名稱': currentPro.data[i].name,'項目地址': currentPro.data[i].address,'考勤范圍': currentPro.data[i].radius,}dataTable.push(obj);}}}option.fileName = '項目統計'option.datas=[{sheetData:dataTable,sheetName:'sheet',sheetFilter:['項目名稱','項目地址','考勤范圍'],sheetHeader:['項目名稱','項目地址','考勤范圍'],}];var toExcel = new ExportJsonExcel(option); //newtoExcel.saveExcel();}

總結

以上是生活随笔為你收集整理的react 简单的表格导出的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。