JS导出excel

作者: cuikangjie | 来源:发表于2017-05-18 15:01 被阅读0次

    JsonExportExcel

    简介

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

    github

    使用方法

    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浏览器

    相关文章

      网友评论

        本文标题:JS导出excel

        本文链接:https://www.haomeiwen.com/subject/frkpwttx.html