2012-10-01 1 views
0

Я пытаюсь добавить nowrap для моего jquery datatable без успеха.Nowrap для динамических jquery datatables от json

Что-то вроде этого (не работает)

$.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 к этому?

Спасибо!

+1

почему вы не просто установить его с помощью CSS? – Nelson

+0

На самом деле я хотел бы использовать jquery для добавления дополнительных характеристик в таблицу в функцию dataTable. Установка nowrap - это всего лишь первый шаг для этого. – user955732

+0

Дубликат: http://stackoverflow.com/questions/2270244/datatables-jquery-plugin-nowrap-for-ajax-table? @ user955732 http://datatables.net/forums/discussion/1365/nowrap-for-ajax-table/p1 обсуждает эту проблему и предлагает два решения, попробуйте, и если это сработает, вы можете опубликовать свой собственный ответ. –

ответ

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