zoukankan      html  css  js  c++  java
  • 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', 80, sort: true, fixed: 'left'}
          ,{field: 'username', title: '用户', 80}
          ,{field: 'count', title: '总次数', 80, align:'center', totalRow: true} // 需要合并
          ,{field: 'pro_count', title: '问题次数', 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>
    
  • 相关阅读:
    java和.NET的比较
    联想笔记本不能无线上网
    js根据给定的日期计算当月有多少天
    jQuery中live()变更
    C#操作xml文件
    SQL server的with的用法(一)
    jquery拖拽实现UI设计组件
    自定义弹出框
    第一个超级简单Node.js实例
    windows 下使用redis
  • 原文地址:https://www.cnblogs.com/yzm1017/p/14709636.html
Copyright © 2011-2022 走看看