Skip to content

codeudan/browser-csv-exporter

Repository files navigation

Browser CSV Exporter

Browser CSV Exporter 用来在浏览器中导出 CSV。

使用

npm install browser-csv-exporter --save

import CSVExporter from 'browser-csv-exporter';
new CSVExporter(options)

或者将本目录下载下来:

<script src="./browser-csv-exporter.min.js"></script>
let exporter = new CSVExporter(options);
exporter.export();

Options

  • fileName: 文件名称,默认:当前日期
  • columns: 列,默认:[]
  • data: 数据,默认:[]

支持的 Options 格式

{
  fileName: 'fileName',
  columns: [{
    title: 'Name',
    key: 'name'
  }, {
    title: 'Age',
    key: 'age'
  }],
  data: [{
    name: 'A',
    age: 23
  }, {
    name: 'B',
    age: 23
  }]
}
{
  fileName: 'fileName',
  columns: [{
    title: 'name',
  }, {
    title: 'age',
  }],
  data: [{
    name: 'A',
    age: 23
  }, {
    name: 'B',
    age: 23
  }]
}
{
  fileName: 'fileName',
  columns: [{
    title: 'Name',
    key: 'name',
    formatter(value, row) {
     return value + 10;
    }
  }, {
    title: 'Age',
    key: 'age'
  }],
  data: [{
    name: 'A',
    age: 23
  }, {
    name: 'B',
    age: 23
  }]
}
{
  fileName: 'fileName',
  columns: [{
    title: 'Name'
  }, {
    title: 'Age'
  }],
  data: [['A', 23], ['B', 23]]
}
{
  fileName: 'fileName',
  columns: [{
  	title: 'Name'
  },{
  	title: 'Age',
  	formatter(value, row) {
  	 return value + 10;
  	}
  }],
  data: [['A', 23], ['B', 23]]
}
{
  fileName: 'fileName',
  columns: ['Name', 'age'],
  data: [['A', 23], ['B', 23]]
}

🔥同时已经支持 , 和 " 的自动转义,直接使用即可:

{
  fileName: 'fileName',
  columns: [',姓名"', '年龄'],
  data: [['姓名,1"', 21], ['姓名2', 23]]
}

API

  • getContent(): 返回 CSV 格式的字符串
  • export(): 在浏览器中下载 CSV

示例

example.html

兼容

兼容所有支持 Blob 的浏览器和 IE9+

About

浏览器导出 csv

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published