el-table-export-lwp

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	文件名	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-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，不给表示只显示当前页