1. 程式人生 > >純JS匯出excel(支援中文)

純JS匯出excel(支援中文)

JsonExportExcel

簡介

使用方法

1.引入js (dist目錄下JsonExportExcel.min.js)

<script src="https://cuikangjie.github.io/JsonExportExcel/dist/JsonExportExcel.min.js"></script>

npm install -save  js-export-excel

const ExportJsonExcel = require('js-export-excel')

2.js程式碼

var option={};

option.fileName = 'excel'
option.datas=[ { sheetData:[{one:'一行一列',two:'一行二列'},{one:'二行一列',two:'二行二列'}], sheetName:'sheet', sheetFilter:['two','one'], sheetHeader:['第一列','第二列'] }, { sheetData:[{one:'一行一列',two:'一行二列'},{one:'二行一列',two:'二行二列'}] } ]; var toExcel=new ExportJsonExcel(option); toExcel.saveExcel();

option

  • datas 資料

    /*多個sheet*/
    /*每個sheet為一個object */
    [{
    sheetData:[], // 資料
    sheetName:'', // sheet名字
    sheetFilter:[], //列過濾
    sheetHeader:[] // 第一行
    }]
    
  • fileName 下載檔名(預設:download)

sheet option

  • sheetName sheet名字(可有可無)(預設sheet1)

  • sheetHeader 標題(excel第一行資料)

    
    sheetHeader:['第一列','第二列']
    
    
  • sheetData 資料來源(必須)

    
    <!--兩種形式-->
    <!--第一種 object-->
    [{one:'一行一列',two:'一行二列'},{one:'二行一列',two:'二行二列'}] <!--第二種 arrary--> [['一行一列','一行二列'],['二行一列','二行二列']]
  • sheetFilter 列過濾(只有在data為object下起作用)(可有可無)

    
    sheetFilter=['two','one'];
    
    

效果預覽

效果

瀏覽器支援

ie 10+

log

  • 2017.4.27

    增加標題配置

    增加多個sheet功能

    優化程式碼

    支援safiri瀏覽器