提示:文章写完后,目录档可以自动生成,如何生成可参考右边的帮助文
想要实现的效果:
提示:每列都可以实现合计(数字):
一、代码:
//执行一个 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 官方的 合计方式,网上也有其他的合计方式 ,这种合计对初学者来说很友好。