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