如何在 Yajra dataTable 的页脚中设置“总计”以获取每页或至少在末尾的一列或多列的“总计”

Posted 2023-05-09

【中文标题】如何在 Yajra dataTable 的页脚中设置“总计”以获取每页或至少在末尾的一列或多列的“总计”

【英文标题】：How to set "Total" in footer at Yajra dataTable to get "total" of one or multiple columns in every page or at lest at the end

【发布时间】：2022-01-07 19:21:51

【问题描述】：

Yajra DataTable 显示某些列数据的总和存在问题。我怎样才能为 Yajra 解决这个问题？ （我想要总标记位置的实际视图）

【参考方案1】：

您正在寻找 Datatables 的 drawCallback() 函数 - 这将在每次绘制表格后运行（在页面加载时，以及在它被过滤后），并将执行特定操作。

在这种情况下，您可能希望使用以下内容对相关列进行求和：

var sum = $('#yourTable').DataTable().column(4).data().sum();

然后像往常一样使用 jQuery 将值写入相关的 span 或 div：

$('#yourTotalBox').html(sum);

【讨论】：

我试过这个，但这不适用于 yajra（使用 nfyOM）。当我使用预定义的表 id 'dataTableBuilder' 时，输出结果没有显示，但没有错误。

如果您在 drawCallback() 函数中使用 console.log("Hello") 怎么办 - 它会记录吗？ IE。是该函数触发了吗，它只是无法找到您要对列求和的数据表？

我收到了警报/控制台，但没有添加额外的页脚。我的查询和回调函数在 app\DataTables\MyTable.php 中使用 - 通过“public function html() return $this->builder() ->parameters(........”

你希望你的回调函数是客户端的，而不是服务器端的。更多信息datatables.net/reference/option/drawCallback