javascript - データテーブルのドリルダウンが機能しない

Question

$(document).ready(function () {
var anOpen = [];
var oTable = $('#table_id').dataTable();

$('#table_id tbody').on('click', 'tr', function (e) {
    var nTr = this.parentNode;
    var i = $.inArray(nTr, anOpen);

    console.log("clicked|" + i);

    if (i == -1) {
        var nDetailsRow = oTable.fnOpen(nTr, fnFormatDetails(oTable, nTr), 'details');
        $('div.innerDetails', nDetailsRow).slideDown();
        anOpen.push(nTr);
        console.log("open");
    }
    else {
        oTable.fnClose( nTr );
        anOpen.splice( i, 1 );
        console.log("closed");
    }
});

function fnFormatDetails(oTable, nTr) {
    var oData = oTable.fnGetData(nTr);
    var sOut =
'<div class="innerDetails">' +
  '<table cellpadding="5" cellspacing="0" border="0" style="padding-left:50px;">' +
    '<tr><td>Rendering engine:</td><td>' + 'hi' + '</td></tr>' +
    '<tr><td>Browser:</td><td>' + 'hi' + '</td></tr>' +
    '<tr><td>Platform:</td><td>' + 'hi' + '</td></tr>' +
    '<tr><td>Version:</td><td>' + 'hi' + '</td></tr>' +
    '<tr><td>Grade:</td><td>' + 'hi' + '</td></tr>' +
  '</table>' +
'</div>';
    return sOut;
}

その一部を示しました。行をクリックするとif（i ==-1）がトリガーされ、もう一度クリックするとelseがトリガーされ、前後に動作します問題は、何も表示できないことです. テーブルは座っているだけで、その下に別のテーブルが開きます。コンソールにエラーはなく、適切なコンソール ログだけです。