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);
});