totalRow

layui表格合计参数totalRow使用

layui的表格怎么使用totalRow合计

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

联系
顾问

在线
客服
购物车
账号登录

没有账号?立即注册

忘记密码

登录即同意用户协议没有账号? 立即注册
账号注册
我已阅读并同意用户协议
立即注册
注册即同意用户协议已有账号? 立即登录
找回密码

操作步骤:邮箱验证->设置新密码

注册即同意用户协议已有账号? 立即登录