Layui數據表格templet的數據無法合計
- 2019 年 12 月 15 日
- 筆記
寫在前面
在使用layui數據表格的時候,有一個列是使用templet,依據其他兩個列數據計算得到。
在該列開啟合計行,一直顯示是0 。其他兩列數據合計正常。
在社區和百度上尋找過答案,並沒有相關介紹。
在解決了該問題後,寫下這篇小記錄。
parseData
配置中提供了parseData方法,可以在請求了介面之後,進一步處理數據格式。
以下是官網的示例
table.render({ elem: '#demp' ,url: '' ,parseData: function(res){ //res 即為原始返回的數據 return { "code": res.status, //解析介面狀態 "msg": res.message, //解析提示文本 "count": res.total, //解析數據長度 "data": res.data.item //解析數據列表 }; } //,…… //其他參數 });
以上的場景,應該在parseData里計算出新的列,然後再渲染到表格里
let data = []; $.each(obj.data, function (index, item) { let tem = { game_diffcoins: item.game_hardcoins - item.game_coin, game_diffjifen: item.game_hardjifen - item.game_jifen, }; data.push($.extend(tem, item)) }); obj.data = data;
個人理解
templet 應該用來實現樣式的調整,比如根據值的不同顯示不同顏色
而數據的計算 得出,應該在parseData 或者直接就在介面里計算好返回。