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>
posted @ 2021-04-27 16:39  SensorError  阅读(1299)  评论(0编辑  收藏  举报