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

2024-10-08 16:12:04 积分 50

小程序码

扫一扫在手机上看此文章

文章目录

热门文章

vscode里如果出现中文空格标出黄色突出显示，怎么去掉？ 2477

php基础入门课程资料文档课件实战源码 2161

vscode插件code runner详细配置说明 1644

wordpress主题开发文档资料下载 1626

php进阶课程文档资料下载 1206

使用ffmpeg将mp4格式转为m3u8 1057

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

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

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

推荐2款mac电脑里非常好用的php集成开发环境 888

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

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

> 导出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=1743737211&token=Ov7mXAv_8azPtTTXXyhh0S5qpDFEhafGpHARTAg2:1Vx2Qb0jM7wd2m6wlr8gwRSyt3A=)

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

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

!!! warning 此处为本文章的隐藏内容
需花费 50 积分兑换 或 在下方开通会员解锁。
!!!

铜牌 · 会员

50元/年

解锁全部文章

全部课程8折购买

如果在b站充值了专属会员，可联系猫叔直接开通相同时间的此会员

金牌 · 会员

1999元/12个月

解锁全部文章

全部课程5折购买

微信一对一答疑

优先解决问题