electron 导入导出Excel数据设置单元格样式

2025-11-14 17:49:21

1、yarn add xlsx // 或 cnpm install -save xlsx

yarn安装方式

npm install -g yarn

electron 导入导出Excel数据设置单元格样式

2、cnpm安装方式

npm install -g cnpm --registry=https://registry.npm.taobao.org

electron 导入导出Excel数据设置单元格样式

3、在渲染进程目录下src/renderer/main.js如下配置即可,详细每个UI组件用法请参考Element UI

...

import XLSX from 'xlsx'

...

var reader = new FileReader();

        reader.onload = function (e) {

electron 导入导出Excel数据设置单元格样式

4、          // 数据预处理

          var binary = "";

          var bytes = new Uint8Array(e.target.result);

          var length = bytes.byteLength;

          for (var i = 0; i < length; i++) {

            binary += String.fromCharCode(bytes[i]);

          }

electron 导入导出Excel数据设置单元格样式

5、          /* 读取 workbook */

          var wb = XLSX.read(binary, {

            type: 'binary'

          });

electron 导入导出Excel数据设置单元格样式

6、          /* 选择第一个sheet */

          var wsname = wb.SheetNames[0];

          var ws = wb.Sheets[wsname];

          /* excel转换json数组,加上{header:1}是普通数组,不写是对象数组 */

          self.data = XLSX.utils.sheet_to_json(ws);

          console.log(self.data);

...

electron 导入导出Excel数据设置单元格样式

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢