【填坑】处理前端用sheetjs/xlsx.js“打印设置为横向”的问题
发布于2021-09-11 08:29 阅读(141) 评论(0) 点赞(3) 收藏(3)
最近一个项目【导出】是用前端导出excel文件，并且要求导出的文件打印设置为横向。具体用了sheetjs的xlsx.js，但是它的打印设置是商业版的样子，仅看到说明：worksheet['!pageSetup']：设置缩放大小和打印方向的对象。
//缩放100%，打印方向为纵向 worksheet['!pageSetup'] = { scale: '100', orientation: 'portrait' } // orientation 取值如下： // 'portrait' - 纵向 // 'landscape' - 横向
对于一个号称全栈的我来说，这个挑战还是挺困难的...
网上找了一圈资料，有说用ActiveX的，有说用xlsx-style的，有打算将blob类型数据传到后端，再用后端组件修改完传到前端下载的... 这些方案在解决他们场景时，都是好用的，都是没问题的。但，处理前面描述的这个场景就是无效，调试来、调试去，就是不行！哈哈
关键时刻还是多年的码代码经验帮了我，既然前端代码是裸奔的，就从读源码下手，解决方案如下：
- npm安装了bower。
- bower又安装了js-xlsx。
bower install js-xlsx-style#beta
- 在 js-xlsx/dist/xlsx.js 以“!pageSetup”为关键字，找到了打印设置的具体实现。
- 在代码增加如下3处，即可解决打印横向设置的问题。
ws['!pageSetup'] = { orientation: 'landscape' }
//新增方法
function write_ws_xml_pagesetup(setup) { var pageSetup = writextag('pageSetup', null, { scale: setup.scale || '100', orientation: setup.orientation || 'portrait', horizontalDpi : setup.horizontalDpi || '4294967292', verticalDpi : setup.verticalDpi || '4294967292' }) return pageSetup; }//在方法里添加
function write_ws_xml(idx, opts, wb, rels) { /* printOptions */ //if (ws['!margins'] != null) o[o.length] = write_ws_xml_margins(ws['!margins']); /* pageSetup 注意，紧接着在!margins下面添加。
否则，ms office打开时会报错，一片空白... wps只要是添加在</worksheet>前，都不会报错。*/ if (ws['!pageSetup'] !== undefined) o[o.length] = write_ws_xml_pagesetup(ws['!pageSetup']); }
如图，问题解决。
所属网站分类: 技术文章 > 博客
作者：hhbnn
链接：http://www.phpheidong.com/blog/article/146992/a7bff1c2ee60ee384ee6/
来源：php黑洞网
任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任
昵称:
评论内容：(最多支持255个字符)
---无人问津也好，技不如人也罢，你都要试着安静下来，去做自己该做的事，而不是让内心的烦躁、焦虑，坏掉你本来就不多的热情和定力