layui 数据表格 每列的合计功能实现

提示：文章写完后，目录档可以自动生成，如何生成可参考右边的帮助文

---

想要实现的效果：

提示：每列都可以实现合计（数字）：

---

一、代码：

  //执行一个 table 实例
  table.render({
    elem: '#demo'
    ,height: 0
    , url: '/PendingInventory/pending_inventory_data'
    ,title: '用户表'
    ,page: true //开启分页
    ,limit: 10 //每页显示的数量
    ,limits: [10, 20, 50]
    ,toolbar: 'default' //开启工具栏，此处显示默认图标，可以自定义模板，详见文档
    ,totalRow: true //开启合计行
     ,cols: [[ //表头
         {type: 'checkbox', fixed: 'left' ,totalRowText:"合计："}
      ,{field: 'image', width: 120, title: '图片'};
                    }}


      ,{field: 'storage_quantity', width: 90, title: '入库数量',totalRow:true}
    // 将想要合计的 field 设置  totalRow:true

---

总结

提示：这是layui 官方的 合计方式，网上也有其他的合计方式 ，这种合计对初学者来说很友好。