1.安裝js-export-excel ``` tyarn add js-export-excel ``` 2.導入js-export-excel ``` import ExportJsonExcel from 'js-export-excel'; ``` 3.使用 ``` let maps = {}; columnsState={{ onChange: (map) => { maps = map; ? ? ? ? ? }, ? ? ? ? }} onClick={() => { const columnsData: ProColumns[] = []; const option = { fileName: '導出數據', datas: {} }; const sheetFilter = []; const sheetHeader = []; const columnWidths = []; for (let i = 0; i < columns.length; i++) { if (!columns[i].hideInTable) { if (maps[columns[i].dataIndex]) { if ( maps[columns[i].dataIndex].show === true && maps[columns[i].dataIndex].order === undefined ? ? ? ? ? ? ? ? ? ? ? ? ) { columnsData.push(columns[i]); sheetFilter.push(columns[i].dataIndex); sheetHeader.push(columns[i].title); columnWidths.push(10); ? ? ? ? ? ? ? ? ? ? ? ? } if ( maps[columns[i].dataIndex].show !== false && maps[columns[i].dataIndex].order >= 0 ? ? ? ? ? ? ? ? ? ? ? ? ) { columnsData[maps[columns[i].dataIndex].order] = columns[i]; sheetFilter[maps[columns[i].dataIndex].order] = columns[i].dataIndex; sheetHeader[maps[columns[i].dataIndex].order] = columns[i].title; columnWidths[maps[columns[i].dataIndex].order] = 10; ? ? ? ? ? ? ? ? ? ? ? ? } } else { columnsData.push(columns[i]); sheetFilter.push(columns[i].dataIndex); sheetHeader.push(columns[i].title); columnWidths.push(10); ? ? ? ? ? ? ? ? ? ? ? } ? ? ? ? ? ? ? ? ? ? } ? ? ? ? ? ? ? ? ? } option.datas = [ ? ? ? ? ? ? ? ? ? ? { sheetData: selectedRows.map((item) => { const result = {}; columnsData.forEach((c: any) => { if (!c.hideInTable) { result[c.dataIndex] = item[c.dataIndex]; ? ? ? ? ? ? ? ? ? ? ? ? ? } ? ? ? ? ? ? ? ? ? ? ? ? }); return result; ? ? ? ? ? ? ? ? ? ? ? }), sheetFilter: sheetFilter.filter((item) => item), sheetHeader: sheetHeader.filter((item) => item), columnWidths: columnWidths.filter((item) => item), ? ? ? ? ? ? ? ? ? ? }, ? ? ? ? ? ? ? ? ? ]; const toExcel = new ExportJsonExcel(option); toExcel.saveExcel(); ? ? ? ? ? ? ? ? }} ```