fastadmin里bootstrapTable 导出 excel 怎么设置行高?

image

导出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的效果如下图所示:

image

具体位置

如下图所示:

xlsx格式:

xlsx格式使用的是sheetjs,我尝试修改底层代码,终于实现了修改行高,但是却无法做到垂直居住,文字始终是靠底部显示,很丑,而sheetjs如果想要修改表格样式,是需要收费版的,所以我放弃了sheetjs的做法,经过一番查找,找到了一个名为xlsx-js-style的库,他是基于sheetjs进一步优化的,经测试可以使用。

 

视频教程:

https://www.bilibili.com/video/BV1UG41117P1

 

© 版权声明
THE END
喜欢就支持一下吧
点赞11 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    请登录后查看评论内容