Question

I am trying to add nowrap for my jquery datatable without success.

Something like this (not working)

$.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"
} );

Working (but without nowrap)

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

Any ideas how to add nowrap to this?

Thanks!

Answer 1

For anyone interested, this is how I solved the problem:

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"
} );