You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

在HTML中用JavaScript为XLSX表格设置样式失败求助

在浏览器端用JavaScript生成带样式XLSX表格的问题

我正在HTML文件中尝试用JavaScript创建并设置XLSX表格样式,目前能成功生成XLSX表格,但样式设置始终不生效,还遇到了依赖加载的问题。

已尝试的方案

  • 使用xlsx@0.15.1的CDN脚本:可以正常生成表格,但无法设置任何样式
  • 尝试引入xlsx-js-style的xlsx.bundle.js:页面报错ReferenceError: XLSX is not defined
  • 试过需要require()引入的版本:浏览器不支持CommonJS语法,尝试用RequireJS适配也没成功

我的代码

<script src="dist/xlsx.bundle.js"></script>

<script type="text/javascript">
function createExcel(file_name) {
    var exampleData = JSON.parse(document.getElementById('exampleData').textContent);
    console.log("exampleData: ", exampleData);
    var dataForExcel = [];

    for (var field in exampleData) {
        // 填充Excel数据的逻辑
        // dataForExcel.push(....)
    } 

    var worksheet = XLSX.utils.json_to_sheet(dataForExcel);

    // 设置单元格自动换行和居中对齐
    dataForExcel.forEach(function(row, rowIndex) {
        var cellValue = row.my_row;
        var cellAddress = XLSX.utils.encode_cell({r: rowIndex, c: 0});
        
        worksheet[cellAddress] = {
            v: cellValue, 
            s: { 
                alignment: { 
                    wrapText: true, // 开启自动换行
                    horizontal: 'center' // 水平居中
                }
            }
        };
    });
}
</script>

内容的提问来源于stack exchange,提问作者Didem Durukan

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.18 07:33:17