jQueryのDataTableを追加するカスタムTR

Question

I持って次のようにサーバー側のデータで埋めますDataTableのjQueryの：

"columns": [ 
         { 
          "targets": -1, 
          "data": "ImageURL", 
          "name": "Title", 
          "render": function (data, type, row) { 
           return '<td><div class="tableimage"><img src="' + data + '"/></div></td>'; //'<td><img src=' + data + '></td>'; 
          } 
         }, 
       { 
        "data": "Title", 
        "name": "Title", 
        "render": function (data, type, row) { 

         return '<td>' + data + '</td>'; 
        } 
       }, 
        { 
         "data": "CurrentPrice", 
         "name": "CurrentPrice", 
         "render": function (data, type, row) { 

          return '<td>$ ' + data + '</td>'; 
         } 
      }, 
    ] 

を、これは結構です、各列が生成されるなど、私のブラウザでレンダリングされますこれは：

<tr> 
// generated td's here... 
<tr> 

ここで私の質問は、特別なクラスを追加したカスタムtrタグを生成できるかどうかです。

このような何か：

<tr class="myclassNameGoesHere"> 
</td> 

は& jQueryのDataTableのを処理するサーバー側のデータを介して、このなんとかですか？

P.S.

$(row).addClass("alert-danger"); 
// or        
row.className = "alert-danger"; 

しかし、どちらもこれらの働いていた...：私はこのような何かを試してみました/

Answer 1

まず、あなたが機能し、自動的にあなたのためのtdタグを作成したのDataTableをレンダリングして、TDタグを返す必要はありません。

ので、

return '<td>' + data + '</td>'; 

は、今

return data; 

になるあなたの質問に答えるために、DataTableのによって提供さcreatedRowコールバックを使用しています。

と同様に、

$('#example').dataTable({ 
    "createdRow": function(row, data, dataIndex) { 
     $(row).addClass('alert-danger'); 
    } 
});