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 或者直接就在介面里計算好返回。