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

2024-10-08 16:12:04

小程序码

文章目录

热门文章

整理下php学员遇到的一些问题 431

fastadmin监听或重写删除编辑按钮事件 285

phpstudy怎么手动安装php8.3.0版本？ 275

文档：一个案例学会fastadmin插件开发 148

php基础入门课程资料文档课件 134

表单验证：密码和确认密码的验证和文字提示 76

百题斩：用递归方式扁平化嵌套数组 67

百题斩：字符串的逆序函数 60

案例代码：用油猴脚本统计b站课堂课程总时长 59

使用ffmpeg把mp4转为加密后的m3u8文件 55

### 视频教程：
https://www.bilibili.com/video/BV1UG41117P1

![](https://resource.maoshu.fun/storage/default/20241008/image52f2a7d40312dbd25a276aa54e7305b790d8ac8a.png?e=1732494674&token=Ov7mXAv_8azPtTTXXyhh0S5qpDFEhafGpHARTAg2:AMX2_M8icQbGdI5fKjfU9w7jv7Y=)

> 导出excel的时候，行高一般都是默认的，比较矮，有网友反应需要设置行高，但是我找了下配置信息里并没有找到设置行高的方法，所以有必要我们找出一个配置方法了。

## 解决方法：
> xls格式和xlsx不同，他们的解决方法也大不相同，请注意区分。

## xls格式：
在`table.bootstrapTable`的配置信息里加上这段，其中的**变量h**就是高度值，把他改成你要的高度值即可。

代码：
```js
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的效果如下图所示：
![](https://resource.maoshu.fun/storage/default/20241008/imagef8d5420c3e8194004155d48a8c5045ef83ff24c4.png?e=1732494674&token=Ov7mXAv_8azPtTTXXyhh0S5qpDFEhafGpHARTAg2:_CvXWqwZ3AMfQuvP999Ykn62cYA=)

### 具体位置
如下图所示：
![](https://resource.maoshu.fun/storage/default/20241008/image349b71060ebba646061f86a29bc4bced50af2d21.png?e=1732494674&token=Ov7mXAv_8azPtTTXXyhh0S5qpDFEhafGpHARTAg2:1X5jZrjahhJnPy2Z1eu3SMu95EE=)

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

!!! warning 此处为本文章的隐藏内容
需花费 50 积分兑换 或 猫叔授权后开放阅读。
!!!