2

他の誰かが以前にこの問題に直面したことがあるのだろうか。DataTableajax経由でデータをロードしています。rel各行にカスタム属性を追加しようとしています。

ここで同様の質問を見つけましたが、データを直接ロードしています。カスタム属性を追加する方法がわかりませんでした。

私の初期化コードは次のとおりです。

$('#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 "}
                 ]
});

データ行が移入されます。問題は、1 つ以上のデータが同様の親を持つ可能性があるため、カスタム属性を追加して同じ親を持つ行を見つけ、行をダブルクリックして編集できるようにすることです。

カスタム属性を追加するにはどうすればよいですか?

4

1 に答える 1

3

fnCreatedRow コールバックを使用して、カスタム属性を追加できました。

例：

$(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>' );
            }
        }
    });
});
于 2013-06-04T07:28:39.593 に答える