使用jquery导出html-table

Question

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

首先，我将遍历所有TD元素并收集数据，以便在一个大型的POST查询中将其发送到另一个PHP-Page，后者将从这些数据生成CSV-Excel。

或者我可以使用另一个框架，它已经包含了这个功能？

Answer 1

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

Answer 2

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

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

以及有关其限制的令人敬畏的详细信息，请访问- Export to CSV using jQuery and html

Answer 3

使用Data URIs和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();
});