Datatables "footerCallback"関数はフッタに2つのカラムの結果を表示しません（1つだけ）

Question

2つのカラムに表示される合計を得るために1つのカラムの和に対して働く既存のコードを使用しようとしました。それらは配列ではあるが動作していない。これには単純な配列ソリューションを使用することはできませんか？

これは、これはJSあるhttps://jsfiddle.net/setbon/3mvmhL1v/

ある。）

$(document).ready(function() { 
var table = $('#example').DataTable({ 
    rowReorder: { 
    selector: 'td:nth-child(2)' 
    }, 
    responsive: true, 
    scrollX: true, 
    scrollY: "80vh", 
    scrollCollapse: true, 
     paging: true, 
    lengthChange: false, 
    lengthMenu: [ [10, 25, -1], [10, 25, "All"] ], 
    "order": [[ 0, "asc" ]], 
    "footerCallback": function (row, data, start, end, display) { 
     var api = this.api(), data; 

     // Remove the formatting to get integer data for summation 
     var intVal = function (i) { 
      return typeof i === 'string' ? 
       i.replace(/[\$,]/g, '')*1 : 
       typeof i === 'number' ? 
        i : 0; 
     }; 

     // Total over all pages 
     total = api 
      .column([3,4]) 
      .data() 
      .reduce(function (a, b) { 
       return intVal(a) + intVal(b); 
      }, 0); 

     // Total over this page 
     pageTotal = api 
      .column([3,4], { page: 'current'}) 
      .data() 
      .reduce(function (a, b) { 
       return intVal(a) + intVal(b); 
      }, 0); 

     // Update footer 
     $(api.column([3,4]).footer()).html(
      total 
     ); 
    }, 
    buttons: ['pdf'] 
}); 

table.buttons().container() 
    .appendTo('#example_wrapper .small-6.columns:eq(0)'); 

}。 $（document）.foundation（）;

複数の列を合計したいので、https://datatables.net/plug-ins/api/sum()ごとに追加のプラグインを使用する必要がありますか？そのプラグインであっても、私はコピーして簡単にカスタマイズできる複数の列を持つサンプルを見つけることができませんでした。

In this SO questionコードは私が持っているものと大きく異なり、私を混乱させます。またthis SO answer is difficult for me to understand and I don't know how to apply to resolve my problem

Answer 1

の作業例：https://jsfiddle.net/guanzo/wx5mr9vs/1/

私が正しくあなたを理解していれば、あなたは2列に同じ合計をしたいです。これは簡単に達成され、プラグインは必要ありません。

最初に、8の番号が付けられた行の1つに、給与の代わりに「東京」があります。これがあなたのjsfiddleに$ NaNを持っている理由です。

第2に、api.column()は、単一の列を選択するために使用されます。複数の列を選択するには、単に関数呼び出しを複数のapi.columns([3,4])と呼び、それが機能するはずです。ご提供jsFiddleでは、あなただけが第四列のインデックスを持っていないという意味、4列を持っているので、私はドキュメントがよく組織され

$(api.columns([2,3]).footer()).html(
    '$'+total 
); 

ました：https://datatables.net/reference/api/

はEDIT：各列のフッターが含まれていることがあります自分の合計

https://jsfiddle.net/3mvmhL1v/4/

基本的には、個別に各列の加算演算を実行する必要があります。 両方の列の合計を1つの変数にまとめることは役に立ちません。

var sumColumns = [3,4] 

sumColumns.forEach(function(colIndex){ 
     // Total over all pages 
    var total = api 
     .column(colIndex) 
     .data() 
     .reduce(function (a, b) { 
      return intVal(a) + intVal(b); 
     }, 0); 

    // Update footer 
    $(api.columns(colIndex).footer()).html(
     total 
    ); 
})