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>
  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值