動的データテーブルのスタイリングデータ行

Question

現在、私はテーブルを手動で構築しています。ここにサンプルコードがあります。

echo"<tr>"; 
    echo"<td style='width: 10%;word-wrap: break-word;'>$count</td>"; 
    echo"<td style='width: 25%;word-wrap: break-word;' class='center'>{$uName}</td>"; 
    echo"<td style='width: 25%;word-wrap: break-word;' class='center'>{$ufName}</td>"; 
echo"</tr>"; 

は今、私はDataTableのに移動していると、以下のように呼び出します。

$('#activeUserGrid').dataTable({ 
    "order": [[ 1, "asc" ]], 
    "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 0, 2 ] }], 
    "aoColumns": [ { sClass: "alignRight" } ], 
     "processing": true, 
     "serverSide": true, 
     "ajax": "getUser.php" 
    }); 

問題は今、たとえば各行のスタイルを設定したいとします。

width: 25%;word-wrap: break-word; 

このスタイルはどこに割り当てられますか。

Answer 1

classNameはcolumnDefsの属性が必要です。また、クラスを適用する列を指定する場合はtargets。このような何か：

$('#table').dataTable({ 
    "columnDefs": [ 
    { className: "my-class-1", "targets": [ 0, 1 ] } 
    { className: "my-class-2", "targets": [ 2, 3 ] } 
    ] 
}); 

この例では、新しい1.10表記有効です。レガシーのために（1.10を事前に）className = sClass、target = aTarget

詳細：https://datatables.net/reference/option/columns.className