javascript - Jquery将表格导出到csv隐藏表格单元格

Question

我需要能够将 HTML 表导出为 CSV。我在某处找到了一个片段；它可以工作，但不完全是我想要的。

在我的表格(在 fiddle 中)中，我有隐藏字段，我只是使用快速脏的内联样式和内联 onclicks 在您看到的内容之间进行交换。

我想要导出的是它选择当前显示的表。所以只有 td 位于 style="display:table-cell" 处。我知道如何在普通 JS 中执行此操作。

    document.querySelectorAll('td[style="display:table-cell"])');

但是我如何使用现在在exportTableToCSV函数中的代码来做到这一点？

(抱歉， fiddle 中的文本是荷兰语，因为它是现场版本的直接副本)。 fiddle : http://jsfiddle.net/5hfcjkdh/

Answer 1

在grabRow方法中，您可以使用jQuery's :visible selector过滤掉隐藏的表格单元格。 。下面是一个例子

function grabRow(i, row) {

    var $row = $(row);
    //for some reason $cols = $row.find('td') || $row.find('th') won't work...
    //Added :visisble to ignore hidden ones
    var $cols = $row.find('td:visible'); 
    if (!$cols.length) $cols = $row.find('th:visible');

    return $cols.map(grabCol)
                            .get().join(tmpColDelim);
}