8

我正在使用这段代码:

var tableToExcel = (function() {
  var uri = 'data:application/vnd.ms-excel;base64,'
    , template = '<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40"><head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet><x:Name>{worksheet}</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]--></head><body><table>{table}</table></body></html>'
    , base64 = function(s) { return window.btoa(unescape(encodeURIComponent(s))) }
    , format = function(s, c) { return s.replace(/{(\w+)}/g, function(m, p) { return c[p]; }) }
  return function(table, name) {
    if (!table.nodeType) table = document.getElementById(table)
    var ctx = {worksheet: name || 'Worksheet', table: table.innerHTML}
    window.location.href = uri + base64(format(template, ctx))
  }
})()

这是我的提交按钮:

<td><input type="button" onclick="tableToExcel('project_table', 'W3C Example Table')" value="Export to Excel"></td>

我遇到的问题是我的一些输入是下拉菜单和输入,但它们在构建 excel 文件时被隐藏了。因此,当 excel 文件首次构建时,您将看到所有数据,并且在 2 秒内,所有具有隐藏下拉菜单和输入的数据都变为空白并呈现 html。

图1:

输入字段消失

图2:

隐藏元素

我正在尝试使用 textExtraction 但它对我不起作用。

$('#project_table').tablesorter({
        textExtraction: myTextExtraction
    });

    //todo: try getting the dataTable to work...
    //  it might be way better, just not sure how it would handle
    //  adding unrelated rows on the fly (comments)
    //$('#project_table').dataTable();

var myTextExtraction = function(node)  
{
    var elem = $(node);
    var theVal = null;

    if (elem.hasClass('edit')) {
        elem.children().each(function() {
            if ($(this).css('display') != 'none') {
                if ($(this).is('span')) {
                    theVal = $(this).text();
                } else { //all other element types (input, select, etc)
                    theVal = $(this).val();
                }
            }
        });

    } else {
        theVal = elem.text();
    }

    //console.log(theVal);


    var c = node.childNodes.length;

    if (c == 1) {
        theVal = node.innerHTML.trim();
    } else if (c == 5) {
        theVal = node.childNodes[3].innerHTML.trim();
    }

    //console.log(theVal);
    return theVal;

} 

有谁能帮帮忙,谢谢。

此外,如果有人知道 IE8 修复程序,它似乎只适用于 chrome 和 FF。

4

3 回答 3

1

我建议使用管理排序、搜索、ajax、导出等的 DataTables jQuery 插件。见http://datatables.net

于 2014-02-18T11:08:40.157 回答
0

您可以使用 HTML 表格导出

http://ngiriraj.com/pages/htmltable_export/demo.php#

于 2014-11-03T14:56:25.447 回答
0

如果您不能使用服务器,另一种方法可能是添加一个按钮以将表格复制到用户的剪贴板以粘贴到 excel 中。这一面解决了标题问题,并为您提供了对提取的类似级别的后台控制。

你可以查看像clippy这样的库来帮助解决这个问题(github 使用它来复制 repo url)。

于 2013-11-14T04:06:05.370 回答