使用js-export-excel插件实现前端导出excel表格

js-export-excel 前端导出excel模板

1.下载

npm install js-export-excel

2.使用

/***  *    前端生成excel 表格(基于 js-export-excel 插件的二次封装)*    fileName:excel文件名*    sheetData: 第一行的实例数据*    sheetFilter:  和  sheetData 一一对应*    sheetHeader:表头*    option.datas:  一个对象表示一个表格*    columnWidths: 列宽*    * ***/
export const  downLoadExcelMode = (fileName,sheetData,sheetFilter,sheetHeader,sheetName="sheet") =>{var option={};option.fileName = fileNameoption.datas=[{sheetData:sheetData,sheetName:sheetName,sheetFilter:sheetFilter,sheetHeader:sheetHeader,columnWidths: ['8','4'],},];const ExportJsonExcel = require("js-export-excel");var toExcel=new ExportJsonExcel(option);toExcel.saveExcel();
}

downLoadFoodModel() {  // 菜品模板下载let fileName = 'foodModel' let sheetData = [{one:'铁锅炖',two:'点餐供应',three:'套餐',four:'2.5',five:'10',six:'是',seven:'50',eight:'主食',nine:'个'}]let sheetFilter =  ['one','two','three','four','five','six','seven','eight','nine'] let sheetHeader = ['菜品名称','适用服务','适用餐种','出售价格','限购额度','能否打包','上架数量','菜品类','菜品描述单位']let nowtime = new Date()let sheetName = `${nowtime.getFullYear()}-${nowtime.getMonth()+1}-${nowtime.getDate()}` console.log(sheetName)this.$utils.downLoadExcelMode(fileName,sheetData,sheetFilter,sheetHeader,sheetName)},

使用js-export-excel插件实现前端导出excel表格相关推荐

前端导出excel插件vue-json-exce
前端导出excel 前端导出excel无需请求接口,需用第三方插件vue-json-exce 一.下载插件 npm install vue-json-excel -S 二.在main.js引入 imp ...
js vue 设置excel单元格样式_vue项目使用xlsx-style实现前端导出Excel样式修改（添加标题，边框等），并且上传npm踩坑记录...
前段时间,我们项目提出一个前端导出Excel表格的需求, 这个很简单,利用xlsx,file-saver很容易实现(网上很多教程). 后来需要加入标题,标题居中显示,加入边框等等样式需求,这就给我很多 ...
js 使用前端导出excel,设置标题和页脚,实现特殊表格需求
js前端导出excel,网上的例子很多,大部分都是使用如下代码: //统计导出$scope.statisExport=function(){toOutPutExcel('statisTable', ' ...
前端导出excel(element+xlsx+filesaver插件),表格数据重复问题解决
纯前端导出excel,表格数据渲染重复业务需求页面有table表格里的多条数据,并且没有分页.需求希望不调用接口,纯前端生成excel文件实现导出功能. 效果图 1.安装依赖(xlsx 和 fil ...
excel导出_学习笔记—— 前端导出excel
这两天工作上来了两个需求,一个是打印的功能,一个是导出的功能.功能其实之前已经做出来了,打印我用的是printjs的插件,excel用的是Export2Excel.js,但是产品要求打印页面和导出的e ...
uniapp 前端导出excel
需求:app前端导出excel,不需要后台参与方案1:用付费插件(Android读取excel或导出数据到Excel表 - DCloud 插件市场)实操确实可以用,可以设置各种属性,比较齐全方案2 ...
VUE纯前端导出excel表格功能《转载》
插件:使用vue-json-excel插件实现Vue纯前端导出简单的Excel表格功能. 使用方法 1. 安装依赖 npm install vue-json-excel 2. 引入组件 a. 全局引入 ...
前端导出excel自定义样式(行高除外)
前端导出excel需要用到的依赖有xlsx.xlsx-style import XLSX from 'xlsx'; import XLSXStyle from 'xlsx-style'; npm in ...
vue+elementui表格前端导出excel以及自定义导出样式
vue+elementui表格前端导出excel以及自定义导出样式项目遇到前端自己导出表格,我自己把后端给我的数据处理了一波,合并重复列啊,以及表头合并啊.可没想到导出竟然也要前端自己来弄,于是乎请 ...

使用js-export-excel插件实现前端导出excel表格

js-export-excel 前端导出excel模板

使用js-export-excel插件实现前端导出excel表格相关推荐

最新文章

热门文章