版本:angular版本5.2.0
插件:filesaver1.3.8
方法:
首先npm安装filesaver
npm install file-saver --save
然后直接在表格所属的component中,不是module,是在componet中引入,代码如下:
component.ts
import { saveAs } from "file-saver";
//方法
exportTable() {
const blob = new Blob([document.getElementById(‘exportableTable‘).innerHTML], {
type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8"
});
saveAs(blob, ‘test.xls‘);
}
component.html
导出
{{item}}
{{item[title]}}效果截图:
原文:https://www.cnblogs.com/xianxiaobo/p/9209197.html