Javascript “数据表”；页脚回调"；函数不在页脚中显示结果

我试图得到每列的总和，并在页脚显示结果。我正在使用Datatables提供的函数。但是，它不会在页脚中显示任何内容

数据表解释

请注意，如果表没有tfoot元素，则此回调 不会被解雇。”

因此，我已将tfoot添加到表中，以便启动回调

<table id="monthlytable" class="display" cellspacing="0" width="100%">  
<thead></thead><tfoot></tfoot></table>

我尝试过使用与上述代码相同的

“headerCallback”

（修改为显示在标题中），效果非常好

---

headerCallback可以工作但footerCallback不能工作，这有什么原因吗？

问题是找不到页脚

我不得不使用

$（“#monthlytable”）添加页脚

您需要确保
中的
标记数量与表的标题数量相匹配（这还需要包括隐藏列）。因此，5个表标题表示5个标签，例如：
$（“#月报表”）.append（“”）

您还需要放入
$（“#monthlytable”）.append（“”）用于初始化数据表。例如：

$("#monthlytable").append('<tfoot><th></th></tfoot>');
var table = $('#monthlytable').DataTable({
// datatable elements 
});

$（“#月报表”）.append（“”）；
变量表=$（“#月报表”）.DataTable({
//数据表元素
});
问题是找不到页脚

我不得不使用
$（“#monthlytable”）添加页脚

您需要确保
中的
标记数量与表的标题数量相匹配（这还需要包括隐藏列）。因此，5个表标题表示5个标签，例如：
$（“#月报表”）.append（“”）

您还需要放入
$（“#monthlytable”）.append（“”）用于初始化数据表。例如：

$("#monthlytable").append('<tfoot><th></th></tfoot>');
var table = $('#monthlytable').DataTable({
// datatable elements 
});

$（“#月报表”）.append（“”）；
变量表=$（“#月报表”）.DataTable({
//数据表元素
});
//下面的代码对我有用
//引导表
//以下脚本是必需的
$（'#divID'）.html（'headsome data
//下面的代码对我有用
//引导表
//以下脚本是必需的
$（'#divID'）.html（'headsome data添加以下内容：

buttons: [{ extend: 'print',
            footer: true }]

添加以下内容：

buttons: [{ extend: 'print',
            footer: true }]

“footerCallback”：函数（行、数据、开始、结束、显示）{
var api=this.api（）；
nb_cols=api.columns（）.nodes（）.length；
var j=2；
而（j
“footerCallback”：函数（行、数据、开始、结束、显示）{
var api=this.api（）；
nb_cols=api.columns（）.nodes（）.length；
var j=2；
而（j
谢谢，这对我很有效！我更新了你的答案，因为一开始它不起作用，我的表中有6个标题，所以我在页脚中添加了6列，但我遇到了一个JavaScript错误，然后我意识到你必须为datatable中的隐藏列添加一列。谢谢，这对我有效！我更新了你的答案有点像一开始它不起作用，我的表中有6个标题，所以我在页脚中添加了6列，但我遇到了一个JavaScript错误，然后我意识到即使是数据表中的隐藏列，也必须添加一列。请为您的答案添加一些解释请为您的答案添加一些解释
  "footerCallback": function ( row, data, start, end, display ) {
                          var api = this.api();
                          nb_cols = api.columns().nodes().length;
                          var j = 2;
                          while(j < nb_cols){
                            var pageTotal = api
                                  .column( j, { page: 'current'} )
                                  .data()
                                  .reduce( function (a, b) {
                                      return Number(Number(a) + Number(b)).toFixed(2);
                                  }, 0 );
                              // Update footer
                              $( api.column( j ).footer() ).html(pageTotal);
                            j++;
                          }
                        },