Javascript 如何添加Datatables自定义行呈现/聚合

我试图向服务器端呈现的数据表添加一个自定义行，以显示列的总量 以下是表格标题的显示方式 日期|名称|金额|参考|

---

我需要帮助向表中追加一行并添加金额列的总和。我建议使用表尾，而不是向表体添加新行

步骤：

在HTML表中，在结束标记后添加一个空页脚： 将footerCallback选项添加到DataTable： var dataTable=$'tableExport\u filter'.dataTable{ //你现有的选择在这里 footerCallback：函数tfoot、数据、开始、结束、显示{ var api=this.api； $api.column 2.footer.html api.column 2.data.reduce函数a、b{ 返回a+b； }, 0 ; } } ; 在这个函数中，使用var api=this.api；从表本身中访问DataTables API函数

然后选择列索引2，即页脚的第三列作为总和的目标

最后，使用reduce函数将数据列索引2中的所有值相加。函数末尾的0是执行reduce函数初始步骤时使用的起始值

页脚回调是有文档记录的

reduce函数已记录在案

 <table id="tableExport_filter">
    <thead>
      <tr>
       <th>Date</th>
       <th>Name</th>
       <th>Amount</th>
       <th>Ref</th>
     </tr>
    </thead>
    <tbody>
     <tr></tr>
    </tbody>                                   
  </table>

var dataTable = $('#tableExport_filter').DataTable({
    'processing': true,
    'serverSide': true,
    'serverMethod': 'post',

 'ajax': {
       'url':'app/functions/collections_by_agent.php',
       'data': function(data){}
    },
'columns': [
      
       { data: 'date_created'},
       { data: 'name'},
       { data: 'amount' }, 
       { data: 'ref' }
    ],
});