用exceljs方法,设置导出excel表格的样式,比如居中,宽度,修改颜色等等。
exportExcel() { // 导出的表头 let columns = [ { name: "中国" }, { name: "美国" }, { name: "英国" }, { name: "法国" }, { name: "德国" } ]; // 引入 exceljs,自己灵活引入 let exceljs = require("exceljs"); let excel = new exceljs.Workbook(); let monthSheet = excel.addWorksheet("excel的文件名"); monthSheet.addTable({ // 插入到多少行,自己设置 ref: "A1", style: { // 风格 theme: "TableStyleLight11" }, columns, // 表体的内容,与表头顺序对应 rows: this.tableData.map((one, i) => [ one.stage9, one.stage8, one.stage7, one.stage6, one.stage5 ]) }); columns.forEach((item, i) => { // 设置样式,更多样式去看文档 monthSheet.getColumn(i + 1).width = 10; monthSheet.getColumn(i + 1).alignment = { vertical: "middle", horizontal: "center" }; }); excel.xlsx.writeBuffer().then(buffer => { // 下载excel let saver = require("file-saver"); saver.saveAs( new Blob([buffer], { type: "application/octet-stream" }), this.$route.meta.title + ".xlsx" ); }); }
如何利用PHPExcel类库建php将数据格式转为excel
vuejs导入excel表格解析成JSON数据(日期变成数字)解决方法
上面是“vuejs导出excel表格(可以设置样式)”的全面内容,想了解更多关于 vuejs 内容,请继续关注web建站教程。
当前网址:https://ipkd.cn/webs_2105.html
workflows工作流
- 一只可爱的雪豹在雪地里散步ComfyUI工作流
- 一个白色的咖啡杯,蒸汽从杯子里冒出来
- Latent放大comfyui工作流
- 一颗巨型的木星ComfyUI工作流
- 停在音乐节露营地的一辆复古大众巴士由羊毛制成
- 一颗柔和的水晶金字塔ComfyUI工作流
- 图生图工作流:一键转换成高清动漫照片
- 一只迷人的黑豹ComfyUI工作流
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!