wy-export

内容

前端自定义 excel 导出，完全支持 iveiw、element 的表格数据格式

参数说明

属性	二级属性	三级属性	默认值	描述
filename			sheet	文件名
hideHeader			false	表头
title				内容标题
suffix			xlsx	文件后缀，可选择 xlsx, csv
data			[]	生成的数据
columns			[]	表头、行属性定义
titleStyle				标题属性
	font	sz		标题字体大小
		name		标题字体
		bold	false	标题字体粗体
		color	false	标题字体颜色
		underline	false	标题下划线
		italic	false	标题倾斜
		vertAlign	false	上下标

具体参数可以参考 https://github.com/protobi/js-xlsx#xlsx-style

使用

安装

 npm i wy-export

使用

import WyExport from 'wy-export'

const columns= [
                    {
                        title: 'Name',
                        key: 'name'
                    },
                    {
                        title: 'Age',
                        key: 'age'
                    },
                    {
                        title: 'Address',
                        key: 'address'
                    }
                ]
const data = [
                    {
                        name: 'John Brown',
                        age: 18,
                        address: 'New York No. 1 Lake Park',
                        date: '2016-10-03'
                    },
                    {
                        name: 'Jim Green',
                        age: 24,
                        address: 'London No. 1 Lake Park',
                        date: '2016-10-01'
                    },
                    {
                        name: 'Joe Black',
                        age: 30,
                        address: 'Sydney No. 1 Lake Park',
                        date: '2016-10-02'
                    },
                    {
                        name: 'Jon Snow',
                        age: 26,
                        address: 'Ottawa No. 2 Lake Park',
                        date: '2016-10-04'
                    }
                ]

new WyExport({
  filename: '测试文件',
  title: '统计报表',
  columns,
  data,
}).jsonExport()

dom 结构的导出

 <table id="table1">
      <tr class="info" style=" text-align: center;">
        <th>列1</th>
        <th>列2</th>
        <th>列3</th>
        <th>列4</th>
        <th>列5</th>
        <th>列6</th>
      </tr>
      <tr>
        <td>111</td>
        <td>222</td>
        <td>333</td>
        <td>444</td>
        <td>555</td>
        <td>666</td>
      </tr>
    </table>

  // js
  new WyExport({
  filename: '测试文件'
}).domExport('#table1')