【教程】layui数据表格合计行自定义内容

最新推荐文章于 2025-09-11 02:26:13 发布

原创最新推荐文章于 2025-09-11 02:26:13 发布 · 6.7k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#python #vue #java #小程序 #mysql

本文介绍如何在layui表格中实现合计行数据的自动计算与自定义内容展示，通过具体代码示例，详细解释了如何操作DOM元素来修改合计行显示的数据。

参考： https://fly.layui.com/jie/50205/

效果如图：

done: function(res, curr, count){
    //如果是异步请求数据方式，res即为你接口返回的信息。
    //如果是直接赋值的方式，res即为：{data: [], count: 99} data为当前页数据、count为数据总长度
    console.log(res.data);
    console.log($('.layui-table-total table td:eq(-3) div').html());
    console.log($('.layui-table-total table td:last div').html());
    var v=parseFloat($('.layui-table-total table td:eq(-3) div').html());
    $('.layui-table-total table td:last div').html(100+v);
}

其中，合计行 -11.00为自动合计内容，得分 89为自定义内容