DataTable Как добавить визуализацию столбцов из JSON

Question

HTML:

<table cellpadding="0" cellspacing="1" border="0" class="display" id="TableId">
    <thead>
        <tr>
            <th>Name</th>
            <th>Entry</th>
            <th>Exit</th>
        </tr>
    </thead>
    <tbody>
    </tbody>
</table>

Функция dataTable:

$('#TableId').dataTable({
        "bProcessing": true,
        "bInfo": false,
        "sAjaxSource": '/JSON/Path',
        "bAutoWidth": false,
        "bRetrieve":true
    });

JSON:

{"aaData":[ ["Name 1","9516","4851"],
            ["Name 2","251304","127283"]
            ]}

Я пытаюсь добавить разные значения в столбцах calc для входа и выхода.

Как это можно сделать?

Answer 1

вы можете использовать опцию fnRowCallback, чтобы получить это. добавить столбец calc в разметку

    "fnRowCallback": function( nRow, aData, iDisplayIndex ) {
        /* Append the grade to the default row class name */
        var diff = aData[1]-aData[2];
        $('td:eq(3)', nRow).html(diff);
        return nRow;
    },
    "aoColumnDefs": [ {
            "sClass": "center",
            "aTargets": [ -1, -2 ]
    } ]

см. пример fnRowCallback здесь