vxe-table-plugin-export

基于 vxe-table 表格的增强插件，支持导出 xlsx 等格式

Installing

npm install xe-utils vxe-table vxe-table-plugin-export xlsx file-saver

import Vue from 'vue'
import VXETable from 'vxe-table'
import VXETablePluginExport from 'vxe-table-plugin-export'

Vue.use(VXETable)
VXETable.use(VXETablePluginExport)

Demo

<vxe-toolbar>
  <template v-slot:buttons>
    <vxe-button @click="$refs.exportData({ type: 'xlsx' })">导出.xlsx</vxe-button>
  </template>
</vxe-toolbar>

<vxe-table
  border
  ref="xTable"
  height="600"
  :data="tableData">
  <vxe-table-column type="index" width="60"></vxe-table-column>
  <vxe-table-column prop="name" label="Name"></vxe-table-column>
  <vxe-table-column prop="age" label="Age"></vxe-table-column>
  <vxe-table-column prop="date" label="Date"></vxe-table-column>
</vxe-table>

export default {
  data () {
    return {
      tableData: [
        {
          id: 100,
          name: 'test',
          age: 26,
          date: null
        }
      ]
    }
  }
}

License

MIT License, 2019-present, Xu Liangzhan