如何在搜索结果返回时对列值求和

Question

在上面的链接中，我们有一个表，并使用url显示数据。我想通过在表中搜索一些东西来对结果返回的Forks列求和。

例如。若我在搜索框中搜索boot或任何东西，那个么它就是显示结果。我也想放一个这样的页脚，

<tfoot>
    <tr class='info'>
        <td>Sum of Forks</td>
        <td> forks sum of return search result </td>
    </tr>
</tfoot>

如何做到这一点？

Fiddle链接

Answer 1

您可以使用getData方法来实现您想要的。

您可以添加自己的Javascript，如下所示：

$('#table').on('search.bs.table', function(param) {
    var data = $('#table').bootstrapTable('getData');
  sumForks(data);
})
function sumForks(dataObject) {
  var sum = 0;
    for (var key in dataObject) {
      // skip loop if the property is from prototype
      if (!dataObject.hasOwnProperty(key)) continue;
      var obj = dataObject[key];
      for (var prop in obj) {
          // skip loop if the property is from prototype
          if(!obj.hasOwnProperty(prop)) continue;
          //alert(prop + " = " + obj[prop]);
          if(prop === 'forks_count')
            sum += parseInt(obj[prop]);
      }
  }
  $('#table .info .forks_sum').html(sum);
}

还更新了您的小提琴：http://jsfiddle.net/e3nk137y/4005/

这是你想要的吗？