在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
相关产品推荐
相关产品推荐

