DataTable 中的多个数组

Question

所以我正在做一个项目，但在尝试使用数据中的多个数据数组时遇到了问题 table。

我运行遇到的问题是我的初始数据集来自共享点列表调用（计算变量）。

然后我使用该数组中的值进行运行一些计算并将它们放入自己的数组 (formulatedNumbers) 中。

我的 DataTable 在前 6 列中填充了数据（使用计算数组），问题是将第二个数组（formulatedNumbers）放入第 7 列。

我的javascript构建数据table如下

TL;DR 在我使用第一个数组填充第 1-6 列后，我想使用另一个数组填充第 7 列。

function displayCalculations() {
    $("#table_id").dataTable().fnDestroy();
    var calculations = getRateData();
    var formulatedNumbers = [];

    for(i=0; i<calculations.length; i++) {
        formulatedNumbers.push(calculations[i].annum * calculations[i].dailyDecimal * 1000);
    }

    console.log(formulatedNumbers);

    $('#table_id').DataTable(
        {
            data: calculations,
            "columns": 
            [
                { "data": "startDate" },
                { "data": "endDate" },
                { "data": "dayTotal" },
                { "data": "annum" },
                { "data": "dailyRate" },
                { "data": "dailyDecimal" }
            ],
        }); 
}

Answer 1

不要为计算值创建新数组，而是将它们添加到您的其他数据中

calculations = calculations.map(calculation =>
{
    return calculation.push(calculation.annum * calculation.dailyDecimal * 1000);
}

Answer 2

我建议只将新属性添加到 calculations 中的每个项目。

function displayCalculations() {
    $("#table_id").dataTable().fnDestroy();
    var calculations = getRateData();

    calculations.forEach(item =>
        item.newField = item.annum * item.dailyDecimal * 1000);

    console.log(calculations);

    $('#table_id').DataTable(
        {
            data: calculations,
            "columns": 
            [
                { "data": "startDate" },
                { "data": "endDate" },
                { "data": "dayTotal" },
                { "data": "annum" },
                { "data": "dailyRate" },
                { "data": "dailyDecimal" },
                { "data": "newField" } // + ADDED
            ],
        }); 
}

DataTable 中的多个数组

Multiple Arrays in DataTable

javascript

jquery

datatables