js-xlsx使用

js-xlsx使用

github地址：https://github.com/SheetJS/sheetjs

创建 sheet 的方法

　　1. oa_to_sheet： 使用 Array 格式 数据生成 Excel

　　2. json_to_sheet： 使用 JSON 格式 数据生成 Excel

　　3. table_to_sheet： 使用 html 中的 table 元素生成 Excel

 

使用步骤：

• 创建sheet
• 创建workbook
• 把sheet写入workbook
• 生成excel

创建 workbook 的方法

book_new()

<div class="daochu" onclick="exportExce()">xlsx 导出Excel</div>

　　

<script src="./xlsx.full.min.js"></script>
<script>
    const data = [
        {
          '姓名': 'zhangsan',
          '年龄': 20,
          '性别': '男'
      },{
        '姓名': 'zhangsan2',
        '年龄': 21,
        '性别': '男'
    },{
        '姓名': 'xiaohua',
        '年龄': 21,
        '性别': '女'
    },{
        '姓名': 'xiaoming',
        '年龄': 22,
        '性别': '女'
    },{
        '姓名': 'xiaohong',
        '年龄': 21,
        '性别': '女'
    }
    ];
  

    function exportExce () {
      // 创建sheet
      const ws = XLSX.utils.json_to_sheet(data)
      // 设置每列的列宽，10代表10个字符，注意中文占2个字符
      ws['!cols'] = [
        { wch: 10 },
        { wch: 30 },
        { wch: 25 }
      ]
      // 创建 workbook
      const wb = XLSX.utils.book_new()
      // 生成xlsx文件(book,sheet数据,sheet命名)
      XLSX.utils.book_append_sheet(wb, ws, '数据详情')
      // 写文件(book,xlsx文件名称)
      XLSX.writeFile(wb, '列表详情.xlsx')
    }
 
</script>