z-export-table
TypeScript icon, indicating that this package has built-in type declarations

1.0.6 • Public • Published

z-export-table

一款简单的html的table片段导出为excel表格的工具.

(可以复制html代码测试)

使用

安装

npm命令安装

npm i z-export-table

html页面中直接使用script标签引入,这种方式需要手动添加html2canvas的依赖

<script src="../z-export-table.umd.min.js"></script>

示例

快速使用

<button type="button" onclick="exportsExcel()">导出Excel</button>
let {ZETUtil} = ZExportTable;
function exportsExcel() {
  let option = {
    filename: "测试",
  };
  ZETUtil.exportTableToExcel(document.getElementById("table").outerHTML, option);
}

在模块中使用

import {ToExcelOption, ZETUtil} from 'z-export-table';
...

@ViewChild("table") table: ElementRef | undefined;

exportsExcel() {
  let option: ToExcelOption = {
    filename: "复杂html导出Excel测试",
    userCss: `table { width: 100%; border-collapse: collapse; margin: 20px 0;}`
  };
  if (this.table) {
    ZETUtil.exportTableToExcel(this.table.nativeElement.outerHTML, option);
  }
}

option说明

option属性简单说明

参数 类型 默认 必填 说明
needDefaultCss boolean true 可选 是否需要默认css
userCss string "" 可选 自定义css
filename string 导出表格 可选 导出文件名称

option接口

export interface ToExcelOption {
  //是否需要默认css
  needDefaultCss?: boolean,
          //自定义css
          userCss?: string,
          //导出文件名称
          filename?: string
}

版本

现在最新版是1.0.6

  • 1.0.6 最新 简化代码,完善文档

  • 1.0.5 历史 完成工具开发

Package Sidebar

Install

npm i z-export-table

Weekly Downloads

5

Version

1.0.6

License

MIT

Unpacked Size

22.2 kB

Total Files

14

Last publish

Collaborators

  • zhangbiao-coder