动态数据表的样式数据行

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

现在，我已经进入数据表，做如下的调用。

$('#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

您需要columnDefs的属性className。另请参见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