使用Export2Excel.js导出excel

使用Export2Excel.js导出excel

安装依赖

	npm install -S file-saver
	npm install -S xlsx
	npm install -D script-loader

下载Export2Excel.js文件

使用

  • 项目引用
	import { export_json_to_excel } from 'XXX/Export2Excel.js'
  • 在项目中使用
    exportExcel() {
      var tHeader = ['日期', '姓名', '地址']
      var filterVal = ['date', 'name','address']
      var filename = 'demoExcel'
      var data = this.formatJson(filterVal, this.tableData)
      export_json_to_excel({
        header: tHeader,
        data,
        filename
      })
    },
    formatJson(filterVal, tableData) {
      return tableData.map(v => {
          return filterVal.map(j => {
                  return v[j]
              })
          }
      )
    }

此文章仅做记录

Export2Excel.js是一个用于将数据导出Excel文件的JavaScript库。如果你想修改表格样式,可以在Export2Excel.js文件中进行以下操作: 1. 单元格宽度设置:可以通过设置列的宽度来调整单元格的宽度。例如,可以使用以下代码设置第一列的宽度为100px: ``` ws.col(1).setWidth(100) ``` 2. 边框设置:可以使用以下代码设置单元格的边框样式: ``` const borderStyle = { top: { style: 'thin', color: { rgb: '000000' } }, bottom: { style: 'thin', color: { rgb: '000000' } }, left: { style: 'thin', color: { rgb: '000000' } }, right: { style: 'thin', color: { rgb: '000000' } } } ws.cell(row, col).style.border = borderStyle ``` 3. 字体设置:可以使用以下代码设置单元格的字体样式: ``` const font = { name: 'Arial', size: 10, bold: true, color: { rgb: 'FF0000' } } ws.cell(row, col).style.font = font ``` 4. 颜色设置:可以使用以下代码设置单元格的背景色和字体颜色: ``` ws.cell(row, col).style.fill = { type: 'pattern', patternType: 'solid', fgColor: { rgb: 'FFFF00' }, bgColor: { rgb: '000000' } } ws.cell(row, col).style.font = { color: { rgb: 'FF0000' } } ``` 5. 复杂表头处理:可以使用以下代码设置复杂表头: ``` const header = [ [ { title: '姓名', rowspan: 2, align: 'center', valign: 'middle' }, { title: '语文', colspan: 2, align: 'center', valign: 'middle' }, { title: '数学', colspan: 2, align: 'center', valign: 'middle' } ], [ { title: '成绩', align: 'center', valign: 'middle' }, { title: '排名', align: 'center', valign: 'middle' }, { title: '成绩', align: 'center', valign: 'middle' }, { title: '排名', align: 'center', valign: 'middle' } ] ] header.forEach((row, rowIndex) => { const newRow = ws.addRow([]) row.forEach((cell, cellIndex) => { const newCell = newRow.addCell(cell.title) newCell.style.alignment = { horizontal: 'center', vertical: 'middle' } if (cell.rowspan) { ws.mergeCells(rowIndex + 1, cellIndex + 1, rowIndex + cell.rowspan, cellIndex + 1) } if (cell.colspan) { ws.mergeCells(rowIndex + 1, cellIndex + 1, rowIndex + 1, cellIndex + cell.colspan) } }) }) ```
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

淡莣一苆~

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值