本文介绍了如何在Angular2项目中利用XLSX库导出包含多个表格的工作簿。首先通过npm安装xlsx包，然后在组件中引入并依赖注入file.service.ts。导出文件时调用封装在该服务中的multiDownLoadExl()函数，传入包含多张表格数据的JSON数组以及工作簿名称和单元格宽度配置。注意，设置单元格样式时，cell.s可能无效，建议参考xlsx和xlsx-style的官方文档。
1、安装xlsx包（我使用的npm安装的）
npm install xlsx
2、使用
（1）在你需要导出的页面的 .ts 中引入相关的file.service.ts文件
import {FileService} from '../../../file.service'; ===》这个文件的作用就如同它的名字一样是为表格服务的
（2）依赖注入
（3）导出文件
关于导出表格的数据什么的我就不进行详细的赘述了，主要是调用你封装在 file.service.ts 中的 multiDownLoadExl() 函数，这个函数的是我们自己写的。里面的参数根据的你的需要来添加，下面只有我需要使用的参数。
下面我会对里面用到的参数进行一一的讲解
that.selectedAllAlarmList ===> 这个是我们需要导出的数据，数据是一个JSON数组的格式：
JSON数组中的一个大数组 [ ] 代表一个表格，大数组中的 { } 代表一行数据
that.selectedAllAlarnList = {
'001': [
{'目录': ' 1 ', '名称': ' 1 ', '说明': ' 1 ' },
{'目录': ' 1 ', '名称': ' 1 ', '说明': ' 1 ' },
{'目录': ' 1 ', '名称': ' 1 ', '说明': ' 1 ' }
],
'002': [
{'目录': ' 1 ', '名称': ' 1 ', '说明': ' 1 ' },
{'目录': ' 1 ', '名称': ' 1 ', '说明': ' 1 ' },
{'目录': ' 1 ', '名称': ' 1 ', '说明': ' 1 ' }
],
'003': [
{'目录': ' 1 ', '名称': ' 1 ', '说明': ' 1 '
最低0.47元/天 解锁文章
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
