实现前端表格导出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";
//方法exportTable() {
const blob = new Blob([document.getElementById('expo

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

被折叠的 条评论
为什么被折叠?



