ms-excel-export-vue2

一个基于 vue 的 PC 端表格导出组件，实现前端自主导出表格。

Install

step1

  npm i ms-excel-export-vue2

step2

import exportTable from 'ms-excel-export-vue2'
Vue.use(exportTable)

step3

this.$exportTable.export(
        [column ],// 表格数据
        { data }, // 表格每列标题
        "title",   // 导出文件名称 
        options //其他配置
      ).then(rs=>{
        //success method
      },rj=>{
        //error method
      });

options

{
  width:{ //固定某列宽度
    e:'1000px' //指定键名为e的列宽度为1000px
  }
}

演示

导出自定义表格

 this.$exportTable.export(
   [
     {a: 1, b: 2, c: 3, d: 4, e: 5}, 
     {a: 1, b: 2, c: 3, d: 4, e: 5}, 
     {a: 1, b: 2, c: 3, d: 4, e: 5}, 
     {a: 1, b: 2, c: 3, d: 4, e: 5}
    ], 
    {a: '字段1', b: '字段2', c: '字段3', d: '字段4', e: '字段5'}, 
    '测试表').then(rs=>{
        //success method
    },rj=>{
        //error method
    });

导出element表格

 this.$exportTable.coverElementUI(this.$refs['ele-table'],'表7').then(rs=>{
        //success method
    },rj=>{
        //error method
    });

release

v1.0.2

• 支持导出elementUI的表格

v1.0.0

• 支持自定义表格文件名