jquery - 来自 json 的动态 jquery 数据表的 Nowrap

Question

我正在尝试为我的 jquery 数据表添加 nowrap，但没有成功。

像这样的东西（不工作）

$.ajax( {
    "url": 'invokeHawkAgent.gsp',
    "success": function ( json ) {
        json.bDestroy = true;
        $('#tabs-1-contents').dataTable({'data':json,
            "fnRowCallback": function( nRow, aData, iDisplayIndex ) {
                $('td', nRow).attr('nowrap','nowrap');
                return nRow;
             }
        });
    },
    "dataType": "json"
} );

工作（但没有 nowrap）

$.ajax( {
    "url": 'invokeHawkAgent.gsp',
    "success": function ( json ) {
        json.bDestroy = true;
        $('#tabs-1-contents').dataTable(json);
    },
    "dataType": "json"
} );

任何想法如何添加 nowrap 到这个？

谢谢！

Answer 1

对于任何有兴趣的人，这就是我解决问题的方法：

JSON

{
    "aaData":[
    { 
        "0": "2010-07-27 10:43:08", 
        "1" :  "...", 
        "2" : "...", 
        "3" : "...", 
        "4" : "...", 
        "5" : "...", 
        "6" : "...", 
        "7" : "...",
        "DT_RowId": "row",
        "DT_RowClass": "gradeC"
    },
    { 
        "0": "2010-07-27 10:43:08", 
        "1" :  "...", 
        "2" : "...", 
        "3" : "...", 
        "4" : "...", 
        "5" : "...", 
        "6" : "...", 
        "7" : "...",
        "DT_RowId": "row",
        "DT_RowClass": "gradeC"
    }
    ] ,
     "aaSorting": [
      [ 1, "desc" ]
     ],
     "aoColumns": [
       { "sTitle": "Title1" },
       { "sTitle": "Title2" },
       { "sTitle": "Title3" },
       { "sTitle": "Title4" },
       { "sTitle": "Title5" },
       { "sTitle": "Title6" },
       { "sTitle": "Title7" },
       { "sTitle": "Title8" }
     ]
}

jQuery：

$.ajax( {
    "url": 'invokeHawkAgent.gsp',
    "success": function ( json ) {
        json.bDestroy = true;
        $('#tabs-1-contents').dataTable({
            "aaData": json.aaData,
            "aoColumns": json.aoColumns,
            "sScrollX": "100%",
            "sScrollXInner": "110%",
            "bScrollCollapse": true,
            "sScrollY": "500px",
            "bPaginate": true,
            "fnRowCallback": function( nRow, aData, iDisplayIndex ) {
                $('td', nRow).attr('nowrap','nowrap');
                return nRow;
                }
            });
        },
    "dataType": "json"
} );

Answer 2

如果您使用的是引导程序，只需text-nowrap在您的标题类中添加类。

{
 "title": "My Title",
 "data": "My Data",
 "className": "text-center nosort text-nowrap"
}

这对我来说可以。