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) }