javascript - 使用jq，jszip.js，FileSaver.js，excel-gen.js插件把table表格导出，怎么修改列的顺序和背景色？

Question

比如我想导出的表格，姓名和城市的列交换位置，且导出的背景色都是白色的，怎么修改源代码呢。

导出：

源码下载：

链接：https://pan.baidu.com/s/13sAXqB3cwu7h-jdOiTnkHQ
提取码：2bbn

Answer 1

excel-gen.js 看了下很老了作者也不更新了，官方也没有给出自定义列顺序和调整单元格颜色的API和用法示例，如果实在不能换依赖，可以参照一下
https://blog.csdn.net/weixin_48813932/article/details/134514939
如果可以换，我建议换成exceljs，官方文档很详细，你的需求都能满足
https://github.com/exceljs/exceljs

Answer 2

首先，请注意，您提供的源码链接是百度网盘的分享链接，我无法直接访问或下载该源码。因此，我的回答将基于您提到的库和插件的一般用法，而不是针对特定代码库的回答。

jq 通常指的是处理 JSON 数据的命令行工具，而 jszip.js、FileSaver.js 和 excel-gen.js 是用于在浏览器端生成和保存文件的 JavaScript 库。

如果您想交换列的顺序并设置背景色为白色，您需要在生成 Excel 文件之前对数据进行适当的处理。

1. 交换列的顺序：在生成 Excel 之前，您需要先修改您的数据对象，以交换列的顺序。这通常涉及到重新排列 JavaScript 对象中的属性或者修改数组中的对象。
2. 设置背景色为白色：excel-gen.js 插件（如果它支持的话）应该允许您为单元格设置样式，包括背景色。您需要查找该插件的文档或源代码，了解如何设置单元格的背景色。

以下是一个简化的示例，说明如何在 JavaScript 中处理这些问题：

// 假设您有一个表格数据的数组let tableData = [  { name: '张三', age: 25, city: '北京' },  { name: '李四', age: 30, city: '上海' },  // ... 更多数据];// 交换姓名和城市的列tableData = tableData.map(row => ({  city: row.city, // 先放城市  name: row.name, // 然后放姓名  age: row.age    // 年龄保持不变  // ... 其他列也按需要调整}));// 使用 excel-gen.js 生成 Excel 文件// 注意：以下代码仅为示例，具体实现取决于 excel-gen.js 的 APIlet excelGen = new ExcelGen({ /* 配置项 */ });// 遍历数据并添加行tableData.forEach(row => {  let rowData = [    { value: row.city, style: { bgColor: 'FFFFFF' } }, // 城市列，设置背景色为白色    { value: row.name, style: { bgColor: 'FFFFFF' } }, // 姓名列，设置背景色为白色    { value: row.age, style: { bgColor: 'FFFFFF' } }  // 年龄列，设置背景色为白色    // ... 其他列  ];  excelGen.addRow(rowData);});// 生成并保存 Excel 文件let zip = new JSZip();let excelFile = excelGen.generateFile(); // 假设这是生成 Excel 文件的方法zip.file("output.xlsx", excelFile);zip.generateAsync({ type: "blob" }).then(function (blob) {  saveAs(blob, "output.xlsx");});

请注意，这个示例中的 ExcelGen 假设是一个能够生成 Excel 文件的库，但实际上并没有一个广泛使用的库叫做 excel-gen.js。您可能需要根据您实际使用的库（例如 xlsx、SheetJS 等）的文档来调整代码。

由于我无法直接访问您的源码，您需要根据您实际使用的库和插件的文档来修改代码。如果您有具体的库和插件版本，以及它们的文档链接，我可以提供更具体的帮助。