Question

所以我知道如果你做addClass（myCSSClass），它应该将所述类添加到数据表行。

我的问题是这似乎不起作用。

我的代码如下：

var table = ('#datatable').Datatable();
table.row.add(['<button type="button" id="Details">A button</button>']).addClass("success").draw();

datatables文档中提到了addClass（）函数。但它不适用于 bootstrap table-striped class 成功。

我需要将表条带类 '成功'添加到我在Datatable中创建的行中。我怎样才能让它发挥作用？

Answer 1

您不需要css类，只需将这些css添加到您的代码中即可。

tbody tr:nth-child(odd) {
   background-color: #ccc; `the color you prefer`
}

tbody tr:nth-child(even) {
   background-color: #fff; `the color you prefer`
}

你可以尝试的另一件事是在行创建的回调中编写代码，有关这方面的更多信息可以在这里找到：

https://datatables.net/examples/advanced_init/row_callback.html

Answer 2

这是因为您尝试将类添加到不存在的对象。试试我的代码：

＆＃13;

$(document).ready(function() {
    var table = $('#datatable').DataTable();
    table.row.add(['<button type="button" id="Details">A button</button>']).draw();
    $('#datatable').find('tr').last().addClass("success");
});

＆＃13;

tr.success { background-color:green !important; }

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.datatables.net/1.10.13/js/jquery.dataTables.min.js"></script>
<link href="https://cdn.datatables.net/1.10.13/css/jquery.dataTables.min.css" rel="stylesheet"/>

<table id="datatable" class="table">
  <thead>
    <tr>
      <th>1</th>
    </tr>
  </thead>
  <tbody></tbody>
</table>

＆＃13;

Answer 3

我认为它只是$（行）.addClass（＆＃34;成功＆＃34;），如本例中的datatables.net/reference/option/createdRow

（引用@Brent Boden的评论）感谢您的快速回复！：）

如何在jQuery Datatable中为动态生成的行添加CSS表条带类？

3 个答案: