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



交流群
购物车