纯HTML table无法替代Excel功能，因其仅是静态结构，缺乏公式计算、单元格编辑、撤销重做等核心能力；必须借助JavaScript库如SheetJS或Handsontable实现真正交互式在线表格。
table 标签本身不能做成在线 Excel 编辑器——它只是静态结构，不支持公式、单元格编辑、撤销重做、实时联动等核心能力。真要做网页版电子表格，必须引入 JavaScript 驱动的库或框架。
为什么纯 HTML table 无法替代 Excel 功能
浏览器原生 table 是只读容器，连双击编辑都得靠 contenteditable 临时打补丁，而 Excel 级体验需要：
• 单元格级焦点控制（方向键跳转、F2 进入编辑）
• 公式解析与自动重算（如 =SUM(A1:A10)）
• 多层撤销栈（不是简单 CTRL+Z，要区分格式/值/合并操作）
• 行列冻结、滚动同步、虚拟渲染（上万行不卡）
• 导出为 .xlsx 而非仅 CSV 或 JSON
初学者该选哪个 JS 库起步
别从零写渲染引擎。目前最稳妥的入门组合是：
• SheetJS（xlsx）：专注文件读写，适合“上传 Excel → 浏览 → 下载修改后版本”场景，轻量、无 UI、兼容老 IE
• Handsontable：开箱即用的类 Excel 表格，支持公式、合并、筛选，但体积大（~1.2MB）、商业授权限制多
• Tabulator：更轻量（~300KB），侧重数据表格而非电子表格，公式支持弱，适合展示+简单编辑
• 自研最小闭环：用 contenteditable + keydown 监听方向键 + document.execCommand（已废弃）或 Range API 操作光标——仅建议用于教学演示，生产环境会踩坑
清理、标准化、验证并汇总杂乱的 Excel 工作簿。当 Codex 需要处理 `.xlsx`、`.xls`、`.xlsm` 或 `.csv` 格式的数据时使用，包括：统一表头格式、删除空白行与空白列、修剪文本内容、去重记录、检测数据质量问题、拆分或合并工作表、生成清洗后的工作簿，以及为业务电子表格生成审计摘要。
contenteditable 做单元格编辑的硬伤
很多人想用 td[contenteditable] 快速实现可编辑表格，但实际会遇到：
• 回车键默认换行，不是跳到下一行单元格（需 event.preventDefault() + 手动 focus）
• 粘贴富文本时带样式或换行符，破坏单元格结构
• 屏幕阅读器无法识别“这是表格编辑模式”，无障碍失败
• 无法拦截 Ctrl+C 获取原始值（剪贴板可能是带 HTML 的字符串）
• 合并单元格（rowspan/colspan）后，contenteditable 会错乱聚焦区域
第一个可运行的在线表格雏形怎么搭
用 SheetJS + 原生 table 渲染，50 行内搞定基础读写：
• 页面放一个 <input type="file" id="file-input"> 和一个空 <div id="sheet-container"></div>
• 用 FileReader 读取文件，SheetJS.read(data, {type: 'array'}) 解析工作簿
• 遍历 workbook.Sheets[sheetName]，用 sheet_to_json() 转成数组，再用 forEach 拼 <table> 字符串插入容器<br>• 点击导出按钮时，调用 <code>writeFile(workbook, 'output.xlsx')
注意：这仍是只读预览，编辑需额外加 input 或 textarea 替换每个 td，且修改后要反向生成 worksheet 对象才能导出
立即学习“前端免费学习笔记（深入）”；
真正能交互的在线 Excel 不是“加个属性就成”，关键在状态管理——每个单元格的值、格式、公式依赖、选区范围，全得用 JS 维护。初学建议先跑通 SheetJS 的读-改-写闭环，再逐步替换渲染层。否则容易陷入“表格显示了，但改不了、导不出、一粘贴就崩”的死循环。
