将过滤后的 HTML 表数据的 JavaScript 数组导出到 MS Excel 或 CSV

Question

我再次需要做一些听起来很简单但实际上令人沮丧地逃避我的事情。

在我公司的 Intranet 站点上，我们有一个大型数据表，其中应用了 JavaScript 过滤器，以便经理和其他感兴趣的各方可以快速找到与他们相关的行。我正在使用的过滤器可以在 http://tablefilter.free.fr/ 找到。

当我需要一个按钮将筛选结果导出到 Excel 以便经理可以离线访问数据时，我的问题就出现了。有许多直接的选项可用于将 HTML 表导出到 Excel，但我一直无法弄清楚如何仅导出过滤后的结果。 （注意：此 Intranet 站点只能通过 IE 访问）

有一个函数作为 javascript 表过滤器的一部分，GetFilteredData()，它将抓取过滤后的数据单元格并将其输入到数组中，我认为称为filteredData[]。该数组的格式如下：[rowindex,[value1,value2,value3...]]。

那么如何将此数组放入 Excel 或 csv 文件中呢？同样，这只能由 IE 访问，因此 activeX 对象和控件是可以接受的。

另外，我可能应该注意到，我无法使用服务器端技术，因此请将您的响应限制在 HTML、javascript 和 activeX 的范围内。谢谢！

Answer 1

仅供参考：DataTables 有一个很好的插件，称为 TableTools，它可以在客户端将表导出为 csv。它是使用Flash 实现的。如果您对DataTables的过滤器感到满意，我认为这将是一个很好的解决方案。

http://www.datatables.net/extras/tabletools/

Answer 2

如果您从版本 8 开始使用 IE，则可以使用 data： 网址。只需生成 URL 并使用 location.href 将浏览器指向那里即可。 CSV中的数据可以通过javascript和base64编码生成。

Answer 3

您可能需要考虑一种依赖于字符串操作的方法。

获得此数组后，您可以将其转换为 JSON 字符串。尝试这个流行的轻量级库（json2.js）：

https://github.com/douglascrockford/JSON-js< /a>

示例：

text = JSON.stringify(['e', {pluribus: 'unum'}]);
// text is '["e",{"pluribus":"unum"}]'

您应该有类似的内容

var dataString = '["rowindex",["value1","value2","value3"]]'

此时，您可以在字符串上使用一些正则表达式替换来将其格式化为任一样式。