angular导出excel表格

这篇博客探讨了两种在Angular应用中实现表格数据导出为Excel文件的方法。第一种是直接读取页面上的表格内容,利用file-saver库生成Excel文件,但这种方法不适用于复杂表格。第二种方法是从后端获取JSON数据,使用xlsx库将其转换为Excel格式,这种方法更加通用。文章提供了相关代码示例和注意事项。
摘要由CSDN通过智能技术生成

实现前端表格导出excel。想了两种方式,一种直接读页面表格导出excel,另一种获取json字符串处理转成excel。

#1直接读取页面表格数据,生成excel

提供一个第三方包

npm install file-saver --save

视图:

<table>
  <thead>
  <tr>
    <th *ngFor="let item of tableTitle">{
  {item}}</th>
  </tr>
  </thead>
  <tbody>
  <tr *ngFor="let item of tableData">
    <td *ngFor="let title of titleArr">{
  {item[title]}}</td>
  </tr>
  </tbody></table>

 

组件:

、}

import { saveAs } from "file-saver";
//方法ex
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值