totalRow

layui数据表格totalRow合计结果千分位格式化显示

layui的数据表格totalRow合计之千分位

layui数据表格totalRow合计结果千分位格式化显示

layui的数据表格totalRow合计之千分位

layui的totalrow默认是获取的全部合计, 保留2位小数,如果需要对合计后的数据进行优化,主要是使用jq来进行。具体代码如下:

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().replace(".00","");//结果先取整数
        content = content.replace(/(\d{1,3})(?=(\d{3})+(?:$|\.))/g,'$1,');//千分位
        _div.html(content);
	});
	}
});

本文属原创,转载请注明原文:https://www.zhimatong.com/jiaocheng/370.html

为保证教程的实用性及扩大知识面覆盖,如果您有相似问题而未解决,可联系在线客服免费技术支持。

点赞 1

联系
顾问

交流群 购物车
账号登录

没有账号?立即注册

忘记密码

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

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

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