Twitter bootstrap 在带有scrollX的数据表详细信息中使用数据表

我正在尝试在datatable行详细信息中使用x滚动datatable：

$('#example tbody').on('click', 'td.details-control', function () {
   //... cuted for clarity

    row.child( format(row.data()) ).show();
    tr.addClass('shown');
    $('#tid' + row.data().id.toString()).DataTable({
        "scrollX": true,  // <<<===========================
        "data": [{"a": "bla 1","b": "nli 2","c": "ira 3","d": "furor 4", "e":"ira 5"}],
        "columns": [
            {"data": "a", title: "A"},
            {"data": "b", title: "B"},
            {"data": "c", title: "C"},
            {"data": "d", title: "D"},
            {"data": "e", title: "E"},
            ]
    });
}

$（'example tbody'）。在（'click'，'td.details control'，函数（）{
//…为清晰起见进行了切割
row.child（格式（row.data（））.show（）；
tr.addClass（“显示”）；
$（'#tid'+row.data（）.id.toString（））.DataTable({
“scrollX”：正确//
function format ( d ) {
    return '<p>hello!</p><div style="width:99%">'+
        '<table id="tid' + d.id.toString() +  '" class="table table-bordered nowrap">'+
        '<thead></thead><tbody></tbody>'+        
        '</table></div><p>bye</p>';
}