Vue导出word附表部分横向显示(承接上一篇Vue纯前端导出word)
Vue纯前端导出word直通车
1. 引入js
import htmlDocx from "@/utils/html-docx";
2. page-break-before:always;mso-break-type:
设置页面分页
导出之前设置附表样式 添加
<br clear=all style='page-break-before:always;mso-break-type:section-break'>
if (item.nodeName == "H1" && item.innerText.indexOf("附表") == 2) {str += `<span style="mso-spacerun:'yes';font-family:'Times New Roman';font-size:10.5000pt;" ><br clear=all style='page-break-before:always;mso-break-type:section-break'></span>`;
}
3. orientation: "landscape"
设置横屏
saveAs(htmlDocx.asBlob(htmlStr, { orientation: "landscape" }),"报告.doc"
);
Vue导出word附表部分横向显示(承接上一篇Vue纯前端导出word)相关推荐
- 纯前端导出word、pdf、excel、txt、svg文档方法与技巧(附带问题总结)
文章目录 导出pdf **实现思路:** **问题总结:** **具体代码** **封装好的导出函数,记得引入js插件** 封装方法一: 封装方法二: 封装方法三: 纯前端导出word文档方法与技巧 ...
- VUE纯前端导出excel表格功能《转载》
插件:使用vue-json-excel插件实现Vue纯前端导出简单的Excel表格功能. 使用方法 1. 安装依赖 npm install vue-json-excel 2. 引入组件 a. 全局引入 ...
- vue element ui 利用xslx导出文档表格功能(纯前端导出下载文档)
目录 前言 步骤: 1.下载xslx 2.导入xslx 3.template中给个点击事件 4.methods中定义函数实现导出 前言 本篇文章记录纯前端导出下载文档功能. 若想查看从后端接收文件流, ...
- Java使用Freemarker通过模板文件导出PDF文件、横向显示
前言: 尝试了不少通过模板文件导出pdf文件的方法,要么实现起来复杂,要么实现效果不理想,经过反复查找资料和尝试发现此方法是最理想的. 本博客又经大量网友实践及建议,经过几次完善修改,又日趋完善,在此 ...
- vue 前端导出Excel表格(基础版 + 多级标题)纯前端导出
先看效果 纯前端基础导出的Excel表格 纯前端多级表头导出的Excel表格 基础导出下面赋源代码 1.安装依赖 npm install vue-json-excel 2.在项目的入口 main.js ...
- 纯前端导出export,复杂表格表头合并,表头数据部分动态,
需求,这样的页面 有多个table,如投标人名单结果那一列,返回的是1就是通过,返回的不是1就是不通过.如资格评审的横表头,评分说明后面的公司即都是数据接口返的,需要处理后才能放在表头这里的.如详细评 ...
- 纯前端 导出excel 插件xlsx和file-saver
使用插件 xlsx 导出表格,file-saver保存文件 vue-element-admin,源码中找的:导出上万条数据还是很快的 gitHub地址,/vendor/Export2Excel的js文 ...
- 不用任何 js 库,纯前端导出数据到 Excel / CSV 文件就这么简单几行代码
最近实现的导出数据为表格的需求,不需要工具库,也不要后端实现,mark 一下. js 导出 excel 表格 最近工作中又遇到了将表格数据导出为 excel 表格的需求,我第一时间想到的是之前我的网站 ...
- ant vue 树形菜单横向显示_丝滑般 Vue 拖拽排序树形表格组件Vue-DragTreeTable
今天给小伙伴们分享一款纵享丝滑般体验的Vue拖拽树形表格DragTreeTable. vue-drag-tree-table 基于vue.js实现可拖拽排序的树形表格组件.支持拖拽排序.固定表头.拖拽 ...
最新文章
- C#编程(十二)----------函数
- 【python】简单实现一个模板引擎
- 快速构建Windows 8风格应用14-ShareContract概述及原理
- Git远程库版本回滚
- 使用xmake优雅地描述工程
- 终于有人把AI、BI、大数据、数据科学讲明白了
- SAP License:SAP 移动类型详解
- 新车可以无牌上路7天_铜竟然可以做成袜子,连穿7天不臭脚!
- 使用cp命令拷贝目录下指定文件外的其他文件
- Kubernetes可以代替Docker,可笑
- c语言自学方式,c语言学习方法
- 男人,得有足够征服女人的本钱
- 在 pandas 中画树状图,使用 squarify 画树状图
- LeetCode-Hot100-寻找两个正序数组的中位数
- MYSQL 命令行大全 (简洁、明了、全面)
- 蓝绿红黑灰|常用的发布方式
- Ubuntu 2004 鼠标可以移动但是点击无响应 排查流程
- Win7下eclipse ADT调试cocos2dx-lua工程
- VM虚拟机中鼠标左键点击失效解决方案
- GPS警用车辆3G视频监控系统方案