导出excel的时候,行高一般都是默认的,比较矮,有网友反应需要设置行高,但是我找了下配置信息里并没有找到设置行高的方法,所以有必要我们找出一个配置方法了。
解决方法:
xls格式和xlsx不同,他们的解决方法也大不相同,请注意区分。
xls格式:
在table.bootstrapTable
的配置信息里加上这段,其中的变量h就是高度值,把他改成你要的高度值即可。
代码:
exportOptions: {
fileName: 'export_' + Moment().format("YYYY-MM-DD"),
preventInjection: false,
mso: {
// worksheetName:'sheetsss',
onMsoNumberFormat: function (cell, row, col) {
var h = 100
return !isNaN($(cell).text()) ? '\\@\';height:\''+h+'px' : '';
},
},
ignoreColumn: [0, 'operate'] //默认不导出第一列(checkbox)与操作(operate)列
},
效果:
行号设置为100的效果如下图所示:
具体位置
如下图所示:
xlsx格式:
xlsx格式使用的是sheetjs,我尝试修改底层代码,终于实现了修改行高,但是却无法做到垂直居住,文字始终是靠底部显示,很丑,而sheetjs如果想要修改表格样式,是需要收费版的,所以我放弃了sheetjs的做法,经过一番查找,找到了一个名为xlsx-js-style
的库,他是基于sheetjs进一步优化的,经测试可以使用。
视频教程:
https://www.bilibili.com/video/BV1UG41117P1
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END
请登录后查看评论内容