用jquery导出html-table

时间:2013-06-18 08:37:48

标签: jquery excel csv export

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

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

或者我可以使用已包含此功能的其他框架吗?

3 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:1)

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

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

    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

答案 2 :(得分:0)

使用Data URIstable2CSV

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();
});