layui的表格怎么使用totalRow合计
layui表格合计参数totalRow使用
这里用到了totalRow参数,本参数为layui 2.4.0 新增
var tableIn = table.render({ id: 'news', elem: '#list', url: '{:url("industry")}', method: 'post', page: true, totalRow: true,//开启合并行 cols: [[ {field: 'id', title: '序号', align: 'center', width:"5%", fixed: true}, {field: 'title', title: '标题', templet: '#title', align: 'left', totalRowText: '合计' },//【合计】所在列 {field: 'total', title: '总关键词', align: 'centet', totalRow: true },//totalRow定义为true {field: 'done', title: '已上线', align: 'centet', totalRow: true },//totalRow定义为true {field: 'pre', title: '待处理',align: 'centet', totalRow: true },//totalRow定义为true {title: '详情', align: 'center', toolbar: '#col_set', width:"10%"}, ]], limit: 50, //每页默认显示的数量 limits:[50,200,500], done:function(res, curr, count){//用于合计数据取整数 var divArr = $(".table-total div.table-cell"); $.each(divArr,function (index,item) { var _div = $(item); var content = _div.html(); content = content.replace(".00",""); _div.html(content); }); } }
本文属原创,转载请注明原文:http://www.zhimatong.com/jiaocheng/356.html
为保证教程的实用性及扩大知识面覆盖,如果您有相似问题而未解决,可联系在线客服免费技术支持。
点赞 2
热门主题
相关阅读
- layui通过页面地址传参数,定位指定tab选项卡的方法
- layui框架开发,基于xm-select实现下拉多选的方法
- layui框架使用,layer.open隐藏/取消确定按钮的方法
- layui表格排序sort设置,layui能根据中文数字排序吗
- layui触发排序切换,如何实现全局排序
- layui整合codemirror解决获取不到textarea值的方法
- layui中根据创建时间sort排序
- 现在想用layui怎么办
- layui的表格合计totalRow后面添加单位或文字的方法
- layui为什么select/checkbox/radio没显示
- layui 表格sort排序时,序号不打乱
- layui引用其他页面,并在提交后关闭引用页面,且刷新当前页面的方法