最后的数据表计数器行[重复]答案

【问题标题】：Datatable Counter Row At The End [duplicate]最后的数据表计数器行[重复]
【发布时间】：2018-04-10 18:54:06
【问题描述】：

我有一个输出信息的普通数据表，其中有几列有数字。是否可以在每列的底部对该列的总数进行统计？

@foreach($res as $r)
          <tr>
              <td>
                {{-- {{ $user->fname }}   {{ $user->lname }} --}}
              {{ $r['name'] ?? null }}
              </td>
              <td>
                {{ $r[$threelastYearTitle] ?? 0 }}
              </td>
              <td>
                {{ $r[$twolastYearTitle] ?? 0 }}
              </td>
              <td>
                {{ $r[$onelastYearTitle] ?? 0 }}
              </td>
              <td>
                  {{ $r['booked']['onelastYearTitle']}}
              </td>
              <td>
                {{ $r[$currentYearTitle] ?? 0 }}
              </td>
              <td>
                  {{ $r['booked']['currentYear']}}
              </td>
             <td>
               <a class="btn btn-default" href="/admin/user/{{ $id }}/edit">Edit</a>
              </td>
          </tr>
      @endforeach
</table>

$('#myTable').DataTable({
    "order": [],
    // "scrollX": true,
    "columnDefs": [ {
      "targets"  : 'no-sort',
      "orderable": false,
      "language": {
        "search": "Filter records:"
      }
  }],
  "pageLength": 25
});

【问题讨论】：

是的，但您必须提供表格 html 或其子集
@BelowtheRadar 更新代码
好的，谢谢。您正在使用的 DataTable 库是什么？您可以发布指向其存储库的链接吗？
datatables.net
@davidkonrad - 这是链接上的一个公平点，我倾向于避免重复信息，因为这也会过时，但也很高兴发布示例。

标签： javascript php jquery datatable datatables

【解决方案1】：

对第 3 列求和的示例（索引从 0 开始）

fnFooterCallback : function(nRow, aaData, iStart, iEnd, aiDisplay) {
    var total = 0;
    for (var i = iStart; i < iEnd; i++) {
        total += parseFloat(aaData[aiDisplay[i]][2]);
    }
    var nCells = nRow.getElementsByTagName('th');
    nCells[2].innerHTML = "Total " + total;
}

【讨论】：