jquery - ASP.NET MVC 数据表总和列
问题描述
我需要对“总计”列求和。我想将结果添加到表格的页脚。
<script>
$(document).ready(function () {
$("#orderTable").DataTable(
{
"ajax": {
"url": "/Orders/GetList",
"type": "GET",
"datatype": "json"
},
"columns": [
{ "data": "CustomerName" },
{ "data": "OrderDate" },
{ "data": "Total" },
]
});
});
</script>
任何指导表示赞赏。
解决方案
对于其他寻找解决方案的人:
<script>
$(document).ready(function () {
$("#orderTable").DataTable(
{
"ajax": {
"url": "/Orders/GetList",
"type": "GET",
"datatype": "json"
},
"columns": [
{ "data": "CustomerName" },
{ "data": "OrderDate" },
{ "data": "Total" },
],
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 this page
data = api.column(2, {
page: 'current'
}).data(); pageTotal = data.length ? data.reduce(function (a, b) { return intVal(a) + intVal(b); }) : 0;
// Update footer
$(api.column(2).footer()).html('$' + pageTotal);
}
});
});
</script>
参考:Jquery DataTable 列 Sum (第二个答案中的良好结构参考)
参考:https ://www.ihbc.org.uk/consultationsdb_new/examples/advanced_init/footer_callback.html
推荐阅读
- php - orderby meta_value_num 和页面属性 order
- c# - .Net core JWT 自定义过期令牌响应
- java - 如何使用 swagger-maven-plugin 序列化类的 Instant 字段?
- swift - NSTextView的插入点绘制位置异常
- html - 如何修复使按钮重叠的表单
- android - 如何在android屏幕共享期间在webrtc中获取手机的内部声音
- kubernetes - Kubernetes 中每个部署可以配置多少个 pod?
- python - 如何使用 scipy 评估边界优化变化的步长范围
- firebase - 是否有任何 api 调用来验证 firebase serverkey 和发件人 ID?
- java - Java:当抛出异常并使用 ExceptionMapper 时,客户端会收到什么 REST 响应?