javascript - jQuery Tablesorter - 输出小部件使输出像表格一样

Question

我正在使用这个 jQuery 表排序器:

http://tablesorter.com/docs/

https://mottie.github.io/tablesorter/docs/example-widget-output.html

$(function () {

    var $table = $('table');
    
    $('.download').click(function(){
        $table.trigger('outputTable');
    });

    $table.tablesorter({
        theme: 'blue',
        widgets: ['zebra', 'output'],
        widgetOptions : { output_delivery : 'd'}
    });
});

这是一个简单的DEMO

问题是，当您单击“获取 CSV”时，此文件中保存的数据全部在一行中。无法读取。

如何让它看起来像一个有列的表格，就像它已经在 HTML View 中一样......它不一定是 csv......是否有其他插件可以导出更可读的输出？

更新:

输出如下:

我想要的是这样的:

Answer 1

我将分隔符更改为 ;。

修改后的JS:

$(function() {
  var $table = $('table');

  $('.download').click(function() {
    $table.trigger('outputTable');
  });

  $table.tablesorter({
    theme: 'blue',
    widgets: ['zebra', 'output'],
    widgetOptions: {
      output_delivery: 'd',
      output_separator: ';'
    }
  });
});

检查这个:http://jsfiddle.net/abkNM/8764/

更新

在您发表评论后，我又进行了一项修改，将数字列上的 . 替换为 ,:

JS:

$(function() {
  var $table = $('table');

  $('.download').click(function() {
    $table.trigger('outputTable');
  });

  $table.tablesorter({
    theme: 'blue',
    widgets: ['zebra', 'output'],
    widgetOptions: {
      output_delivery: 'd',
      output_separator: ';',
      output_formatContent: function(c, wo, data) {
        if (c.parsers[data.$cell['0'].cellIndex].type !== 'numeric')
          return data.content;
        return data.content.replace(/\./ig, ',');
      }
    }
  });
});

新的jsFiddle:http://jsfiddle.net/abkNM/8781/