📊 belobog-stellar-grid

WebAssembly 驱动的高性能表格导出库 - 示例演示

🚀 开始前准备

  1. 确保已构建 WASM 包:wasm-pack build --target web
  2. 使用本地服务器运行(不支持 file:// 协议)
  3. 推荐使用:basic-http-server .python -m http.server 8000
🎯
基本导出
快速上手 export_table() 的基本用法
  • CSV / XLSX 双格式导出
  • 自定义文件名
  • 排除隐藏行导出
入门推荐
📊
进度条导出
万级数据分批处理,实时进度反馈
  • 分批异步 CSV / XLSX
  • 实时进度回调
  • Web Worker 数据生成
  • 导出耗时统计
分批异步
高级特性
文件名验证、批量导出与错误处理
  • 文件名安全校验规则
  • 批量导出多个表格
  • 错误场景演示
  • Unicode 文件名支持
DOM 导出
🚀
虚拟滚动
支持百万级数据的极致性能渲染
  • 虚拟滚动技术
  • 支持百万级数据
  • 内存占用减少 95%
  • 渲染速度提升 600 倍
高性能
📑
多工作表导出
将多个表格导出到同一个 Excel 文件的不同 Sheet
  • 多表格合并导出
  • 自定义 Sheet 名称
  • 排除隐藏元素
  • 支持大数据量分批
XLSX 多表
🏗️
容器内表格导出
支持 Ant Design 等 UI 框架的嵌套表格结构
  • ID 在容器元素上
  • 自动查找内部 table
  • 兼容主流 UI 框架
  • 无需修改页面结构
框架兼容
📦
数组直接导出
从 JavaScript 数组直接生成文件,无需 DOM 表格
  • 无需 HTML 表格
  • 支持 API 数据直接导出
  • 支持多种数据类型
  • 带进度回调
纯数据模式
🌳
树形数据导出
递归拍平嵌套 children 结构,支持层级缩进
  • 递归拍平树形数据
  • 层级缩进支持
  • 自定义 children 字段名
  • 嵌套表头 + 树形数据
树形数据
Web Worker 导出
将导出计算移至 Worker 线程,主线程始终保持响应
  • Worker 线程生成文件
  • 主线程零阻塞
  • Transferable 零拷贝
  • Worker vs 主线程对比
性能优化
🌐
CDN 分发导出
不使用任何构建工具,直接通过 HTML script 引入公网 CDN 完成导出
  • 无需 Node.js
  • 无需 Webpack/Vite
  • 原生 ES Modules 支持
  • unpkg / jsDelivr 直接引入
CDN 分发
📑
Excel 预览
在浏览器端解析并预览 Excel 文件,支持多工作表切换
  • 拖放上传 Excel 文件
  • HTML / JSON 双视图
  • 多工作表标签切换
  • 样式与行数控制
Excel 预览
🎨
Excel 样式定制
支持字体、颜色、边框、背景色等三级样式体系(全局→列级→单元格)
  • 全局表头/数据样式
  • 列级样式覆盖
  • 单元格条件着色
  • 三级样式叠加
样式定制

📖 更多资源

查看 README 文档 了解详细的 API 文档、使用指南和故障排除技巧。