Вставка атрибутов пользовательских данных в JQuery DataTables

Проблема:

• Я использую JQuery DataTables v1.10 для проекта, связанного с работой.
• Для проекта требуется определение Datatable и его создание с помощью проанализированных данных JSON, переданных в качестве значений таблицы

• Как только созданный datatable был создан, каждая ячейка в каждом столбце должна иметь событие щелчка, которое открывает всплывающее окно и передает список имен в JSON, полученный от конечной точки. Конечная точка изменяется в зависимости от того, какая ячейка таблицы нажата.

• Я думаю, что после создания экземпляра данных мне нужно сохранить какую-то уникальную информацию в атрибуте данных HTML5, определенном для каждого элемента ячейки таблицы. Я надеялся объявить пользовательский атрибут данных (например: data-endpoint = "endpoint id" ), но я не уверен, что это можно сделать, если строки таблицы динамически генерируются с помощью DataTables.

Поскольку я не знаю/не понимаю, какие у меня есть варианты, я хотел бы описать, что я в идеале хотел бы сделать:

• Создайте копию данных и передайте им разобранные данные JSON.
• В создании экземпляра таблицы задайте настраиваемый атрибут данных для каждого элемента ячейки таблицы.
• Получите доступ к событию щелчка ячейки таблицы, передайте ей информацию, хранящуюся в правильном атрибуте данных, чтобы получить правильную конечную точку.
• Создайте постин, который отобразит результаты, полученные от конечной точки.

Часть, которую я не понимаю, - это создание пользовательского атрибута данных для элемента ячейки таблицы. Возможно ли это, или мне нужно подумать о другом подходе. Любая помощь очень ценится!

Ответы

$table.dataTable({

    "destroy": true, // To replace existing data
    "data": jsonData,
    "columns": columns,

    // Per-row function to iterate cells
    "createdRow": function (row, data, rowIndex) {
        // Per-cell function to do whatever needed with cells
        $.each($('td', row), function (colIndex) {
            // For example, adding data-* attributes to the cell
            $(this).attr('data-foo', "bar");
        });
    }
});

....
"destroy": true, // To replace existing data
"data": jsonData,
"columns": columns,
// Sets the attribute
"columnDefs": [{
    "targets":'_all',
    "createdCell": function(td){
        td.setAttribute('foo','bar');
    }
}]
...