如何通过某些搜索对结果 return 的列值求和？

Question

在上面 link 我们有一个 table 并使用 url 显示数据。 我想通过在 table.

中搜索某些内容来对结果 return 的 Forks 列求和

例如。如果我在搜索框中搜索 boot 或任何内容，则会显示结果。我也想放这样的页脚，

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

怎么做？

Fiddle Link

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);
}

还更新了您的 fiddle：http://jsfiddle.net/e3nk137y/4005/

这是你想要的吗？