1.0.1 • Published 4 years ago

el-table-export-lwp v1.0.1

Weekly downloads
1
License
MIT
Repository
github
Last release
4 years ago

el-table-export

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

安装 Installation

npm install el-table-export-lwp --save

or

yarn add el-table-export-lwp

参数 Arguments

参数说明类型可选值默认值
fileName文件名Stringexport
type输出格式Stringtext / json / csv / xls /csv
withBOM将BOM头元添加到CSV文件Booleanfalse
useFormatter输出数据时是否使用table中定义的formatterBooleantrue

例子 DEMO

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

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

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

提示 Tips

  • 根据依赖包中文档,注明了在Excel在读取UTF8 CSV文件时需要BOM头。
  • table组件的Vue实例不是 document.querySelector 等获取的DOM实例,是 ref 指定的Vue实例。
  • 如需分页,请给allData,不给表示只显示当前页