1.0.1 • Published 2 years ago

wy-export v1.0.1

Weekly downloads
-
License
ISC
Repository
-
Last release
2 years ago

内容

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

参数说明

属性二级属性三级属性默认值描述
filenamesheet文件名
hideHeaderfalse表头
title内容标题
suffixxlsx文件后缀,可选择 xlsx, csv
data[]生成的数据
columns[]表头、行属性定义
titleStyle标题属性
fontsz标题字体大小
name标题字体
boldfalse标题字体粗体
colorfalse标题字体颜色
underlinefalse标题下划线
italicfalse标题倾斜
vertAlignfalse上下标

具体参数可以参考 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')
1.0.1

2 years ago

1.0.0

2 years ago