如何从现有的javascript源计算值并在Jquery Data表中显示它

Question

是否可以在Jquery Datatables下按名称SubPrice显示一个额外的列，该列是根据现有的javascript源动态计算的。

这是我的javascript源代码

var json = [
  {
    "Name": "ONE",
    "Price": "12" ,
    "Total" : "120"
  },
  {
    "Name": "TWO",
    "Price": "100",
     "Total" : "500"
  },
  {
    "Name": "THREE",
    "Price": "42" ,
     "Total" : "300"
  }]

 $(function()
  {
    //$("#kiran").dataTable();
    //displayData();
 var table =   $('#kiran').dataTable(
    {
      "order": [
        [1, "desc"]
      ],
      "paging": false,
     "aaData": json,
      "aoColumns": [
        { "mDataProp": "Name" },
        { "mDataProp": "Price" }
    ]

    });

setInterval (function test() {
         table.fnDraw();
       }, 3000);

  })

http://jsfiddle.net/cv04pp37/1/

我的意思是现在它显示两个值表，现在我想显示一个名为 Subprice 的额外列，它被计算为Total - Price并以这种方式播种

Answer 1

是的，你可以使用mrender，这是一个例子：

"aoColumns": [
   //other columns
   //dynamic column needed
   { 
     mRender: function(data, type, row){
        return row[x] + row[y]; //here you can make the operation you want
     }
   }
 ]

ps：我没有测试但它应该可以工作