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

问题是，当您单击 Get CSV 时，保存在此文件中的数据全部在一行中。不可读。

如何使它看起来像一个有列的表格，就像它已经在 HTML 视图中一样......它不一定是 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/