el-table-export

Make the Table component in Element-UI support exporting text, json, csv, xls files.

Usage no npm install needed!

<script type="module">
  import elTableExport from 'https://cdn.skypack.dev/el-table-export';
</script>

README

el-table-export

Make the Table component in Element-UI support exporting text, json, csv, xls files.

简体中文 文档

GitHub stars GitHub license

NPM

Installation

npm install el-table-export --save

or

yarn add el-table-export

Arguments

Name Desc Type Optional Default
fileName File Name String export
type Export Type String text / json / csv / xls csv
withBOM Add BOM(byte order mark) meta to CSV file. BOM is expected by Excel when reading UTF8 CSV file. Boolean false
useFormatter Whether to use the formatter attribute provided by Element-UI. Boolean true
delimiter Available when the export format is CSV file. Source String ,

DEMO

Demo File

import elTableExport from "el-table-export";

elTableExport(this.$refs.elTable, {
    fileName: "export-demo",
    type: "csv",
    withBOM: false,
}).then((result) => {
    console.info("successfully");
}).catch((err) => {
    console.info("Error: " , err);
});