当前位置：文江博客话题详情

Jquery DataTable：对表行和列进行求和

发布于 2025-01-09 01:51:05 字数 476 浏览 0 评论 0原文

我想创建一个表，其中显示行和列总和

页脚回调覆盖显示运行列总和 https://datatables.net/examples/advanced_init/footer_callback.html

但我会喜欢像下面这样的图片，一个页脚行对列进行求和，最后一列显示行总和，它应该与行和列过滤一起使用

有人可以告诉我如何使用 JQuery DataTables 做到这一点吗

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

北座城市 2025-01-16 01:51:05

要显示行的总和，您需要添加一个新列“总计”，就像图像中一样。您可以在此显示特定列的总和。

首先在thead中添加新的Total
然后在初始化dataTable时在columns中添加新列
<前><代码> {
“目标”：0，
“数据”：空，
“渲染”：函数（数据，类型，行，元）{
返回parseInt(row.column1,10) + parseInt(row.column2,10) + parseInt(row.column3,10);
}
}

To show the sum of row, you'll need to add a new column 'Total' just like in your image. You can show the sum of particular columns in this.

First add new <th>Total</th> in the thead

Then add new column in columns while initializing dataTable

 {
   "targets": 0,
   "data": null,
   "render": function ( data, type, row, meta ) {
            return parseInt(row.column1,10) + parseInt(row.column2,10) + parseInt(row.column3,10);
   }
 }

回复收藏 0 原文

~没有更多了~