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>
