xlsx.js导出表格设置批注框根据内容自动全部显示的解决办法

由于公司业务需求需要在生成的excel表格中有大量批注，但是官方文档对批注的可设置项太少。

而且如果你在代码里设置了表格单元格的大小，生成后你打开excel文件的时候excel会自动把批注框大小根据单元格大小等比缩大缩小（这意味着你就算修改xlsx.js的默认输出批注框大小也无效），如果批注内容比较多，每个都要手动点击设置批注框查看完整内容非常繁琐。

需要改动源代码xlsx.js。
有需要的可以去下载来修改。https://github.com/sheetjs/sheetjs
在源代码找到这个方法：

function write_comments_vml

把以下代码：

'<v:textbox><div style="text-align:left;"></div></v:textbox>',

改成：

'<v:textbox style=\'mso-fit-shape-to-text:t\'><div style="text-align:left;"></div></v:textbox>',

如果智能一点可以改成：

'<v:textbox ' + (x[1].autoSize ? 'style=\'mso-fit-shape-to-text:t\'' : '') +'><div style="text-align:left;"></div></v:textbox>',

然后在使用批注的代码加上这个自定义属性autoSize（批注的使用需要自行先看懂官方文档）：

//批注
if (note && note != '') {rObj.c = [];rObj.c.hidden = true;rObj.c.autoSize = true;rObj.c.push({ a: 'sys', t: note });
}

如果只是临时性可以用vb执行。参考：
Excel根据批注的内容自动调整批注大小_路在何方-CSDN博客

xlsx.js导出表格设置批注框根据内容自动全部显示的解决办法相关推荐

css不换行省略号没作用,flex布局下，css设置文本不换行时，省略号不显示的解决办法...
大致是有一个 main 容器是 flex 布局,左边一个 logo 固定宽高,右边 content 动态宽度. a name a info Lorem ipsum dolor sit amet, co ...
使用xlsx.js导出有复杂表头的excel
前端使用xlsx.js导出有复杂表头的excel 参考: Vue项目中使用xlsx-style导出有格式的表格,这个博客中的实现是针对单个excel手写合并样式,比较繁琐. 我这里实现了根据table ...
Win32汇编获取和设置文本框的内容
看一下Win32汇编如何获取和设置文本框的内容: 资源文件如下: #include <resource.h>#define ICO_MAIN 0x1000 //图标 #define DLG ...
android+点击屏幕隐藏键盘,Android点击EditText文本框之外任何地方隐藏键盘的解决办法...
1,实现方法一: 通过给当前界面布局文件的父layout设置点击事件(相当于给整个Activity设置点击事件),在事件里进行键盘隐藏 android:id="@+id/traceroute ...
input文本框自动填充背景色黄色解决办法
文章目录 input文本框自动填充背景色黄色解决方式解决前后,截图对比: 解决方式兼容性说明 input文本框自动填充背景色黄色解决方式如何取消黄背景色?浏览器兼容处理? 解决前后,截图对比: ...
js文件中发送ajax请求,ulr路径不起作用的解决办法
前言: 在写Python项目的时候,单独的js文件发送ajax请求,并不起效果并且提示路径错误错误原因分析: {% url 'myadmin_updategoodsgrade' %} # 是模板中的 ...
Android Studio运行手机框很大屏幕很小的解决办法
关于Android Studio运行手机框很大屏幕很小的解决办法才开始接触移动软件开发,按照Android Studio安装教程相关博客安装过后,发生如图问题: 可以发现模拟器运行出来的结果是屏幕 ...
[前台]---js重复上传一张图片两次,第二次失败的解决办法和思路
js重复上传一张图片两次,第二次会失败,解决办法就是修改input的value值. 先上代码: <input style="display:none" type=" ...
html 打印出word文档,JS如何实现获取word文档内容并输出显示到html页面
JS如何实现获取word文档内容并输出显示到html页面发布时间:2021-04-20 11:11:24 来源:亿速云阅读:85 作者:小新这篇文章主要介绍了JS如何实现获取word文档内容并输 ...
ubuntu下库文件的设置（/usr/bin/ld: cannot find -lxxx 的解决办法）
Linux下库文件的设置 (/usr/bin/ld: cannot find -lxxx 的解决办法) 在软件编译过程中,经常会碰到类似这样的编译错误: /usr/bin/ld: cannot fin ...

xlsx.js导出表格设置批注框根据内容自动全部显示的解决办法

xlsx.js导出表格设置批注框根据内容自动全部显示的解决办法相关推荐

最新文章

热门文章