DataTables.Net 7列の合計を返す

Question

DataTables.net wikiを読んで、以下の構文の列1に合計を追加する方法を見つけたので、広範なJQueryエクスペリエンスを持つ人が簡単に対応できると確信しています私のための列6 - 12の合計を表示します。

これは、列4の合計を追加するための基本設定です。追加列の合計を追加するために変更されるのは何ですか？

https://datatables.net/examples/advanced_init/footer_callback.html

$(document).ready(function() { 
    $('#example').DataTable({ 
     "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(4) 
       .data() 
       .reduce(function (a, b) { 
        return intVal(a) + intVal(b); 
       }, 0); 

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

      // Update footer 
      $(api.column(4).footer()).html(
       '$'+pageTotal +' ($'+ total +' total)' 
      ); 
     } 
    }); 
}); 

Answer 1

いくつかの簡単なリファクタリングは、任意の列番号の呼び出し可能な機能が可能になります。

1. colNumを合計する列を表す1つの パラメータで関数にcolumn 4のために働くために使用されるものを包み：あなたは、私がいることがわかります。
2. は、私はそれが 定義の後に新しく作成された関数を呼び出すに進んcolNum と
3. に新しい関数内4にすべての出現箇所を置き換えます。

$(document).ready(function() { 
 
    $('#example').DataTable({ 
 
    "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; 
 
     }; 
 
     var totalColumn = function(colNum) { 
 
     // Total over all pages 
 
     total = api 
 
      .column(colNum) 
 
      .data() 
 
      .reduce(function(a, b) { 
 
      return intVal(a) + intVal(b); 
 
      }, 0); 
 

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

 
     // Update footer 
 
     $(api.column(colNum).footer()).html(
 
      '$' + pageTotal + ' ($' + total + ' total)' 
 
     ); 
 
     } 
 
     totalColumn(6); 
 
     totalColumn(7); 
 
     //...snip... 
 
    } 
 
    }); 
 
});