内容

前端自定义 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')