jquery - 用 jquery 导出 html 表

Question

我想用 javascript 导出 html 表的内容。

首先，我将遍历所有 TD 元素并收集数据，以一个大的 POST 查询将其发送到另一个 PHP 页面，该页面从中生成 CSV-Excel。

或者我可以使用另一个已经包含此功能的框架吗？

Answer 1

这是一个有用的插件，可以将表格转换为 CSV 字符串。

Answer 2

window.open(MIMEtype, dataContainerItem)可用于直接从浏览器导出 html 表数据，而无需访问服务器。但根据网络标准，它有一些限制，而且我们也无法处理输出文件名。这样做的简单步骤是 -

1. 将您的 html 表包装到容器 (DIV) 中。
2. 将此容器 (DIV) html 的 html 内容与 MIME 类型一起传递给 window.open。

前任。

window.open('data:application/vnd.ms-excel,' + encodeURIComponent( $('div[id$=divTableDataHolder]').html()));

您可以参考 - http://codepattern.net/Blog/post/jQuery-export-table-data-into-MS-Excel

以及关于其限制的精彩细节 -使用 jQuery 和 html 导出到 CSV

Answer 3

使用数据 URI和table2CSV：

var data = $table.table2CSV({delivery:'value'});

$('<a></a>')
    .attr('id','downloadFile')
    .attr('href','data:text/csv;charset=utf8,' + encodeURIComponent(data))
    .attr('download','filename.csv')
    .appendTo('body');

$('#downloadFile').ready(function() {
    $('#downloadFile').get(0).click();
});