js 导出 excel

vue 项目用XLSX插件导出 excel 表格,好多人都是自己去写代码生成对应的excel表,其实官方有成熟的工具类使用的哦

如下:

aoa_to_sheet: 这个工具类最强大也最实用了,将一个二维数组转成sheet,会自动处理number、string、boolean、date等类型数据;
table_to_sheet: 将一个table dom直接转成sheet,会自动识别colspan和rowspan并将其转成对应的单元格合并;
json_to_sheet: 将一个由对象组成的数组转成sheet;

我用的最多的就是table_to_sheet,几行代码就可以搞定,哈哈哈哈。举个栗子:

exportTable() {
      const filename ='导出表格.xlsx'  // 导出表格的名称
      // Excel第一个sheet的名称
      const ws_name = 'Sheet1'
      const wb = XLSX.utils.book_new()
      const ws =  XLSX.utils.table_to_sheet(document.getElementById('table')) // 
      XLSX.utils.book_append_sheet(wb, ws, ws_name) // 将数据添加到工作薄
      XLSX.writeFile(wb, filename)
}

 

posted @ 2020-07-31 16:44  艾若菲  阅读(263)  评论(0编辑  收藏  举报