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>


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM