json導出excel-純js

JsonExportExcel

簡介

原文地址： http://coding.cuikangjie.com

github

EXAMPLE

使用方法

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瀏覽器