jQuery：在组页脚/页眉中有分组和总和的表？

我正在寻找一个jQuery解决方案，它支持按列排序和分组；然后，在页脚部分，应该可以显示上面所有值的总和

示例：我有三列：国家、日期和销售额：

US     20120714       50
DE     20120714       40
BR     20120714       30
US     20120715       60
DE     20120715       60
BR     20120715       20

如果我按国家排序：

BR     20120714       30
BR     20120715       20
                      50
DE     20120714       40
DE     20120715       60
                     100
US     20120714       50
US     20120715       60
                     110

如果我按日期排序：

BR     20120714       30
DE     20120714       40
US     20120714       50
                     120
BR     20120715       20
DE     20120715       60
US     20120715       60
                     140

等等

---

有没有插件可以使用？

很明显，你需要尝试serach，它很容易使用Google，在这里你需要自己尝试，然后你需要询问你的“问题”

在这里你要学会钓鱼，不要给你免费的鱼：）

你的问题的另一面非常广泛，我的意思是很多人会给你很多插件，而且都是正确的，但是你会选择“你的”答案作为“你”想要的，不是因为这个答案真的是正确的或者是最好的

这就是为什么你会被否决的原因（如我所想或所见）

无论如何，你可以看看你是否想要这样的插件看看：

或其他方式： 也许你需要编码（求和）

这里有很多插件：

---

我希望你能得到一些有用的东西，我通过非常简单的谷歌搜索和愚蠢的文字获得了这些链接：）

正如前面所建议的，Datatables是一个很好的、易于使用的JQuery插件，适合你的需要。它支持开箱排序，也可以进行分组。看看这个。
您还可以修改页脚以显示列的总和，如下所示

但是，您也可以使用

fnDrawCallback

函数。每次绘制表时都会调用它，并提供修改绘制方式的可能性

例如：

“fnDrawCallback”：函数（oSettings）{
//把你桌子上的所有行都拿出来
var nTrs=$tableElement.find（'tbody tr'）；
//枚举所有行
var总和=0；
对于（变量i=0；i'）之后；

---

在本例中，变量

$tableElement

包含datatable实例的JQuery对象。

我不想让客户机执行繁重的逻辑，它会结巴且速度缓慢

只需在服务器端执行所有排序/分组/计数，并向您的客户机提供所有已处理并准备好显示的数据

---

为此，您只需要一个简单的ajax调用和一组参数：不需要在不需要的地方使用魔法。

为什么要向下投票并投票关闭？我不知道我违反了某些规定：/感谢您的友好回复，但是：）=>我也找到了这些链接，但它们没有在页脚中提供求和功能-因此我的问题。第二：在SO中，有很多“XY存在吗？”-第三：如果我否决了一个问题，我会留下一个带有原因的评论。我没有为你否决，就像你说的，通常我会留下我的评论：），但是关于你的评论，看，不可能找到你想要的东西，你确定要做些什么吗ome定制，选择最好的插件并定制它，如果你失败了，但你相信你可以做你想做的事情，问你的问题。

"fnDrawCallback": function (oSettings) {
    // Get all rows of your table
    var nTrs = $tableElement.find('tbody tr');
    // Enumerate all rows
    var sum = 0;
    for (var i = 0; i < nTrs.length; i++) {
         var iDisplayIndex = oSettings._iDisplayStart + i;
         var dataIndex = oSettings.aiDisplay[iDisplayIndex];
         sum += oSettings.aoData[dataIndex]._aData.{your item};
    }
    // Insert sum at the end
    $tableElement.find(' tbody tr:last').after('<p>'+sum+'</p>');