将表导出为CSV - 将字符串格式问题导入单独的单元格

时间:2014-10-30 12:57:55

标签: javascript jquery excel csv

我有几个HTML表格,我想让用户将其内容导出到csv。

我目前已经实施了这个解决方案,它几乎完美无缺:

function exportTableToCsv($table, filename) {

    var $rows = $table.find('tr:has(td,th)'),

        tmpColDelim = String.fromCharCode(11),
        tmpRowDelim = String.fromCharCode(0),

        colDelim = ' ',
        rowDelim = '"\r\n"',

        csv = '"' + $rows.map(function (i, row) {
            var $row = $(row),
                $cols = $row.find('td,th');

            return $cols.map(function (j, col) {
                var $col = $(col),
                    text = $col.text();

                return text.replace('"', '""');

            }).get().join(tmpColDelim);

        }).get().join(tmpRowDelim)
            .split(tmpRowDelim).join(rowDelim)
            .split(tmpColDelim).join(colDelim) + ' ',

        // Data URI
        csvData = 'data:application/csv;charset=utf-8,' + encodeURIComponent(csv);

    $(this)
        .attr({
        'download': filename,
            'href': csvData,
            'target': '_blank'
    });
}

我称之为:

$(".ExportSummary").on('click', function () {
    exportTableToCsv.apply(this, [$('#SummaryTable'), 'ExportSummary.csv']);
});

Fiddle Example


现在,我的问题是,我无法通过将<td>放在Excel中的单独单元格中来使字符串格式化。我根本不知道如何将文本放在单独的单元格中,因为它被一起映射到整个字符串内容。

我想要这个JsFiddle提供的所需输出 - 但是这个解决方案不能提供选择文件名和设置适当的内容类型(application / csv)以供浏览器识别的功能。 / p>

感谢任何帮助。提前致谢!

1 个答案:

答案 0 :(得分:1)

http://en.wikipedia.org/wiki/Comma-separated_values#Example

USA / UK CSV文件小数点分隔符是句点/句号,值分隔符是逗号。 欧洲CSV / DSV文件小数点分隔符是逗号,值分隔符是分号

我修改了一下你的脚本:

function exportTableToCsv($table, filename) {
...
        // actual delimiter characters for CSV format
        colDelim = ';',
        rowDelim = '\r\n',

        // Grab text from table into CSV formatted string
        csv = $rows.map(function (i, row) {
            var $row = $(row),
                $cols = $row.find('td,th');

            return $cols.map(function (j, col) {
                var $col = $(col),
                    text = $col.text();
             ...

http://jsfiddle.net/mu5g1a7x/2/

如果我理解正确的话,请告诉我。