DataTables：通过 ajax 加载数据时为行添加自定义属性

Question

我想知道以前是否有人遇到过这个问题。我正在通过 ajax 将数据加载到 DataTable 中。我正在尝试将自定义属性 rel 添加到每一行。

我发现了一个类似的问题here，但它是直接加载数据。我不知道如何添加自定义属性。

我的初始化代码是：

$('#DataTable').dataTable({
    "bLengthChange": false,
    "bFilter": false,
    "sPaginationType": "full_numbers",
    "bStateSave": true,
    "bProcessing": false,
    "sAjaxSource": "<?php echo site_url().$page_name.'/get_data/'?>",
    "aoColumns": [
                 { "mData": "Column1", sClass: "center "},
                 { "mData": "Column2", sClass: "center "},
                 { "mData": "Column3", sClass: "center "},
                 { "mData": "Column4", sClass: "center "},
                 { "mData": "Column5", sClass: "center "}
                 ]
});

数据行被填充。现在的问题是一个或多个数据可能具有相似的父级，所以我想添加一个自定义属性来查找具有相同父级的行，并在双击任何行时将它们带到编辑。

如何添加自定义属性？

Answer 1

使用fnCreatedRow callback 我能够添加自定义属性。

例子：

$(document).ready( function() {
    $('#example').dataTable( {
        "fnCreatedRow": function( nRow, aData, iDataIndex ) {
            // Bold the grade for all 'A' grade browsers
            if ( aData[4] == "A" )
            {
                $('td:eq(4)', nRow).html( '<b>A</b>' );
            }
        }
    });
});