导出按钮无响应主因是表格缺乏唯一标识或DOM未就绪。需为表格设id并用getElementById定位，确保含thead/tbody结构，动态渲染时在数据挂载后执行，导出逻辑须位于点击事件同步链中，并正确处理Blob和兼容性问题。
导出按钮点击后没反应，是不是漏了 table 的 id 或 class？
必须确保要导出的表格有唯一可定位的标识，否则脚本根本找不到数据源。常见错误是直接用 document.querySelector('table')，但页面可能有多个 table，结果导出的是第一个无关表格。推荐显式加 id="data-table"，然后脚本里明确写 document.getElementById('data-table')。
另外注意：表格必须是完整结构（含 thead 和 tbody），如果只有 tr 没包在 tbody 里，某些导出库会跳过这些行。手动补上 <tbody>...</tbody> 是最稳妥的做法。
- 检查浏览器控制台是否报错
Cannot read property 'querySelectorAll' of null，这是典型的 DOM 元素未找到 - 避免用 jQuery 的
$('table')模糊选择，尤其当页面含 Bootstrap 表格、分页组件时更易误选 - 如果表格由 Vue/React 动态渲染，确保导出逻辑执行在数据已挂载到 DOM 之后（比如 Vue 的
nextTick，React 的useEffect）
用 xlsx 库导出中文乱码或格式错乱？
原生 SheetJS（xlsx）默认输出为二进制流，直接保存会丢字符、无样式、列宽崩塌。关键不是“能不能导”，而是“怎么导得像 Excel 打开的一样”。
必须用 XLSX.write(wb, { type: 'array', bookType: 'xlsx' }) 生成 Uint8Array，再转为 Blob；不能用 type: 'base64'，那会导致中文变问号。列宽需手动计算，否则 Excel 默认 8.38 字符宽，中文挤成一团。
清理、标准化、验证并汇总杂乱的 Excel 工作簿。当 Codex 需要处理 `.xlsx`、`.xls`、`.xlsm` 或 `.csv` 格式的数据时使用，包括：统一表头格式、删除空白行与空白列、修剪文本内容、去重记录、检测数据质量问题、拆分或合并工作表、生成清洗后的工作簿，以及为业务电子表格生成审计摘要。
立即学习“前端免费学习笔记（深入）”；
- 设置列宽：遍历每列所有单元格文本长度，取最大值 +2，赋给
ws['!cols'] - 中文标题对齐：通过
ws[cell].s = { alignment: { horizontal: 'center' } }控制，但仅对 .xlsx 有效 - 不要用
XLSX.writeFile()直接触发下载——它在某些 iOS Safari 上失效，改用URL.createObjectURL()+a.download
用户点按钮后提示“下载失败”，但控制台没报错？
大概率是触发下载的时机不对。现代浏览器禁止脚本在非用户手势（如 click）上下文外发起下载。如果你把导出逻辑包在 setTimeout、Promise.then 或 API 回调里，哪怕只延迟 0ms，下载也会被拦截。
解决方式只有一种：导出操作必须严格位于事件回调的同步执行链中。例如不能写成：
button.addEventListener('click', () => {
fetchData().then(() => exportToExcel()); // ❌ 被拦截
});
而应写成：
button.addEventListener('click', () => {
const wb = XLSX.utils.book_new();
const ws = XLSX.utils.table_to_sheet(document.getElementById('data-table'));
XLSX.utils.book_append_sheet(wb, ws, '数据');
const wbout = XLSX.write(wb, { type: 'array', bookType: 'xlsx' });
const blob = new Blob([wbout], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
const url = URL.createObjectURL(blob);
const a = document.createElement('a');
a.href = url;
a.download = '报表.xlsx';
a.click();
URL.revokeObjectURL(url); // ✅ 必须清理，否则内存泄漏
});
- 每次生成 Blob 后必须调用
URL.revokeObjectURL()，否则对象驻留内存，多次导出后页面卡顿 - IE11 不支持
Blob+URL.createObjectURL，需降级用msSaveOrOpenBlob，但已基本可忽略 - 若表格含
input、select等表单控件，table_to_sheet()默认读取的是初始 value，不是当前用户输入值——需先遍历并手动更新cell.v
table_to_sheet() 调用就万事大吉，每一行都得亲手验过。 
