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>