如何使用Jquery数据表动态计算和显示列

我使用jquerydatatables以表的形式显示数据

我能够在现有javascript资源的基础上使用Jquery Datatables形成表

现在我在表Name和Price中有两列

我需要按名称子价格显示第三列，它是根据总价动态计算的

我试着这样做，但是运气不好

var table =   $('#kiran').dataTable(
    {
      "order": [
        [1, "desc"]
      ],
      "paging": false,
     "aaData": json,
      "aoColumns": [
        { "mDataProp": "Name" },
        { "mDataProp": "Price" },
          { 
     mRender: function(data, type, row){
       return row.Total - row.Price;
     }
    ]

    });

有人能帮我怎么做吗

我将代码修改为

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




     $(function()
      {
     var table =   $('#kiran').dataTable(
        {
          "order": [
            [1, "desc"]
          ],
          "paging": false,
         "aaData": json,
          "aoColumns": [
            { "mDataProp": "Name" },
            { "mDataProp": "Price" },
            { "mDataProp": "My_New_Column_Name" ,
        mRender: function(data, type, row){
        return row.Total - row.Price;
        }
    },
        ]
        })
      })

我把它作为浏览器控制台的一部分

Uncaught TypeError: Cannot read property 'style' of undefined

---

这个问题发布在Datatables论坛上，这里有一个答案：
这是答案的副本：
我相信他的意思是：

Javascript

var table =   $('#kiran').dataTable({
"order": [[1, "desc"]],
"paging": false,
"aaData": json,
"aoColumns": [
    { "mDataProp": "Name" },
    { "mDataProp": "Price" },
    { mRender: function(data, type, row){
        return row.Total - row.Price;
        }
    }
  ]
});

---

代码中似乎有一些不匹配的括号/大括号。检查浏览器控制台中的javascript错误。此外，我认为您需要在

中包含
子价格
列。我尝试了所有方法，但仍然没有成功。您是否在
中添加了“子价格”列？是的，请在小提琴中引用此新小提琴，我收到此未捕获类型错误：无法在浏览器控制台中读取未定义的属性“style”。