/elTableExport

配合Element-UI中的Table组件，导出text, json, csv, xls文件

Primary LanguageVueMIT LicenseMIT

el-table-export

配合Element-UI中的Table组件 导出text, json, csv, xls文件

GitHub stars GitHub license

NPM

DEMO

安装 Installation

npm install el-table-export --save

or

yarn add el-table-export

参数 Arguments

参数 说明 类型 可选值 默认值
fileName 文件名 String — export
type 输出格式 String text / json / csv / xls / csv
withBOM 将BOM头元添加到CSV文件 Boolean — false
useFormatter 输出数据时是否使用table中定义的formatter Boolean — true

例子 DEMO

说什么不如上一个demo demo文件

// 引用
import { elTableExport } from "el-table-export";

/* ⚠ 创建实例时需传入一个 table组件的Vue实例（必选）
 * 支持传入一个全局配置对象（非必选）
 */
let eteInstance = new elTableExport(this.$refs.elTable, {
    fileName: "export-demo",
    type: "csv",
    withBOM: false,
});
// 创建实例后使用 export() 方法执行导出功能
eteInstance.export();

提示 Tips

  • 根据依赖包中文档，注明了在Excel在读取UTF8 CSV文件时需要BOM头。
  • table组件的Vue实例不是 document.querySelector 等获取的DOM实例，是 ref 指定的Vue实例。