更新一列数据后更新表（重新计算）

Question

我正在构建一个带有启用 DataTable 的表的简单页面。

来自我服务器的数据如下所示：

[{"name": "John","salary": 2000,"bonus1": 100,"bonus2": 100},
 {"name": "Jack","salary": 2500,"bonus1":   0,"bonus2": 200},
 {"name": "Bill","salary": 2000,"bonus1": 300,"bonus2": 300}
]

我需要添加并计算第五列，它代表员工工资的百分比值（工资/所有工资的总和）

在fnPreDrawCallback 中，我可以修改oSettings.aoData，所以当我修改console.log(oSettings.aoData) 时，我得到了正确的值，但表中的该列为空。

我的fnPreDrawCallback 函数如下所示：

"fnPreDrawCallback": function (oSettings) {
          iTotal = [0, 0, 0]; //declared in $(document).ready
          var dataLength=oSettings.aoData.length;
            for (var i = 0; i < dataLength; i++) {
                iTotal[0] += oSettings.aoData[i]._aData.salary;
                iTotal[1] += oSettings.aoData[i]._aData.bonus1;
                iTotal[2] += oSettings.aoData[i]._aData.bonus2;
            }

          for (i = 0; i < dataLength; i++) {
                oSettings.aoData[i]._aData.percent=(oSettings.aoData[i]._aData.salary / iTotal[0] * 100).toFixed(2)+'%';

            }
          console.log(oSettings.aoData);
        },

这是我的代码：http://live.datatables.net/umezez/13/edit

我的问题：我应该在哪里更新我的数据，以便更新在表格中可见？

我希望避免使用选择器和更新 DOM 的内容，因为我希望能够使用 TableTools 或服务器端处理导出我的表格。

Answer 1

我不明白你为什么不简单地做这两件事，更新aoData（以便您可以导出）并自己更新html（以便正确显示）

我知道这是一个 hack，但它应该可以工作 :)

http://live.datatables.net/umezez/16/edit

使用 fnUpdate() 编辑

http://live.datatables.net/umezez/23/edit

Answer 2

您可以使用以下链接的 DataTables 页脚回调检查 http://www.datatables.net/examples/advanced_init/footer_callback.html

也检查这个讨论 http://www.datatables.net/forums/discussion/3605/addition-or-sum-of-column-values/p1

Answer 3

这就是答案

http://live.datatables.net/umezez/19

基本上你需要先计算工资总额（我将你的数据移动到一个变量并在表格呈现之前计算总数） 然后你需要在 % 列上使用 fnRender 函数来计算和显示你的百分比（下面是 % 的列定义）

 {
            "sTitle": "%",
            "bVisible": true,
            "sType": "string",
            "sWidth": "50px",
            "sClass": "center percent",
            "mData": "percent",
          "fnRender": function(o) {return o.aData.salary/totalSalaries}
        }