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

您需要className的{{1}}属性。同样columnDefs指定要应用类的列。像这样：

targets

此示例适用于新的 1.10表示法。对于遗产（1.10之前）$('#table').dataTable( { "columnDefs": [ { className: "my-class-1", "targets": [ 0, 1 ] } { className: "my-class-2", "targets": [ 2, 3 ] } ] }); = className，sClass = target

更多详情：https://datatables.net/reference/option/columns.className

样式化动态数据表的数据行

1 个答案: