js使用export2excel设置居中
时间: 2025-06-28 17:24:44 浏览: 8
### 使用 `export2Excel` 导出 Excel 并设置单元格内容居中
为了实现通过 JavaScript 的 `export2Excel` 插件导出带有特定样式的 Excel 文件,可以采用如下方式来确保单元格中的文本能够居中显示。
#### 安装依赖库
首先需要安装必要的 npm 包以支持样式操作:
```bash
npm install --save file-saver xlsx xlsx-style
```
由于存在兼容性问题,在某些情况下可能会遇到模块找不到的情况[^2]。如果发生这种情况,建议尝试更新项目中的 Node 版本或调整包管理器配置解决路径解析问题。
#### 编写 Vue 组件逻辑
下面是一个简单的例子展示如何创建一个按钮触发事件用于下载带格式化的 Excel 表格,并使其中的数据居中排列。
```javascript
import XLSX from 'xlsx';
import XLSXStyle from 'xlsx-style';
methods: {
exportToExcel() {
const wscols = [
{wch: 20}, // 列宽设定
];
let data = [
["姓名", "年龄"],
["张三", 28],
["李四", 30]
];
var wb = XLSX.utils.book_new();
var ws = XLSX.utils.aoa_to_sheet(data);
// 应用列宽度
ws['!cols'] = wscols;
// 添加自定义样式到工作表内所有单元格
(function addStyles(ws){
Object.keys(ws).forEach(function(key){
if(!key.startsWith('!')){ // 跳过特殊键值对
ws[key].s = {
alignment :{
horizontal:"center",
vertical:"center"
}
};
}
});
})(ws);
/* Add worksheet to workbook */
XLSX.utils.book_append_sheet(wb, ws, "Sheet1");
/* Write and generate an XLSX file */
XLSX.writeFile(wb,"人员信息.xlsx");
}
}
```
此代码片段展示了怎样利用循环遍历每一个非元数据项并为其分配一个新的属性`s`,该属性包含了我们想要应用给这些单元格的具体格式化选项——在这里就是水平和垂直方向上的中心对齐[^1]。
值得注意的是,虽然上述方法适用于大多数场景下的简单需求,但对于更复杂的样式定制(比如边框、背景颜色等),可能还需要进一步探索其他高级功能或是考虑使用像 `exceljs` 这样的替代方案[^3]。
阅读全文
相关推荐


















