jExcel浏览器端Excel表格库

网页里的 Excel 交互，其实也能做得像原生应用一样丝滑。jExcel就是这么一个挺好用的工具。它是一个轻量的 JavaScript 库，能让你在浏览器里搞定 Excel 解析、展示，甚至支持多 Sheet 页切换，功能比想象中丰富不少。

前端的 Excel，不少人第一反应就是“要靠后端”。但其实用 jExcel，你直接在浏览器里就能解析 Excel 文件，数据直接导到表格里，合并单元格、自定义样式这些都能搞。响应也快，页面不卡，用户体验会好多。

像那种合并单元格的需求，jExcel 用起来也蛮顺手。只要配置列的时候加个merge属性，比如：

{
  title: "列标题",
  type: "text",
  merge: [1, 2] // 合并第 1 行和第 2 行
}

是不是直观？不需要绕弯子，直接配置就能搞定。

多 Sheet 页切换这个功能也挺有用。像大表格、多分类数据的时候，不同 Sheet 分别展示数据逻辑更清晰。实现方式也简单：每个 Sheet 搞一个jexcel实例，写个函数控制显示隐藏就行：

var sheet1 = jexcel(document.getElementById('sheet1'), {
  data: data1,
  columns: columns
});

var sheet2 = jexcel(document.getElementById('sheet2'), {
  data: data2,
  columns: columns
});
function switchSheet(sheetId) {
  sheet1.hide();
  sheet2.hide();
  document.getElementById(sheetId).show();
}

这样用户点击标签切换 Sheet，体验上跟 Excel 差不多，蛮实用的。

另外，事件监听和交互操作方面也做得不错，支持编辑、排序、过滤，甚至支持公式计算，功能可以说是比较全的。如果你做的是表格管理类项目，用 jExcel 能省下不少功夫。

如果你正在搞前端表格相关的项目，是需要让用户直接操作 Excel 数据的那种，jExcel绝对值得一试。轻量、好用、上手快，整合进项目也不麻烦。