layui表格table的合计行去除小数点(.00)方法
layui中table合计行默认显示小数点后两位,但有时候我们不需要小数点,例如统计个数、数量等,而layui没有内置的方法,百度会发现,有的人修改table.js源码,试了一下,没成功。^_^
在这里我提供另一种通过JS修改的方法,说明:在 table.render()
中的回调 done
进行一些JS操作(在其他地方是不容易获取到合并行的DOM),去除小数点。
<script>
layui.use('table', function(){
var table = layui.table;
//第一个实例
table.render({
elem: '#demo'
,height: 312
,url: '/demo/table/data/' //数据接口
,page: true //开启分页
,totalRow: true // 开启合并行区域
,cols: [[
{field: 'id', title: 'ID', width:80, sort: true, fixed: 'left'}
,{field: 'username', title: '用户', width:80}
,{field: 'count', title: '总次数', width:80, align:'center', totalRow: true} // 需要合并
,{field: 'pro_count', title: '问题次数', width:80, align:'center', totalRow: true} // 需要合并
]]
,done: function(res, curr, count){
// 回调 去除小数 ======= 写在这里主要是数据已渲染,能够获取到合并行具体的div =========
var totalArr = $(".layui-table-total .layui-table-cell");
$.each(totalArr,function (index, item) {
// 循环遍历,这里是全部替换。 也可以再添加其他逻辑改变具体的某一个。
var oneItem = $(item); // 每个div
var content = oneItem.html(); // 获取值
content = content.replace(".00",""); // 替换,
oneItem.html(content);
});
}
});
});
</script>