如何将CSS表条带化类添加到jQuery Datatable中动态生成的行中?
所以我知道如果您添加了类(myCSSClass),它应该将所述类添加到datatable行 我的问题是,这似乎不起作用 我的代码如下:如何将CSS表条带化类添加到jQuery Datatable中动态生成的行中?,jquery,css,twitter-bootstrap,datatable,Jquery,Css,Twitter Bootstrap,Datatable,所以我知道如果您添加了类(myCSSClass),它应该将所述类添加到datatable行 我的问题是,这似乎不起作用 我的代码如下: var table = ('#datatable').Datatable(); table.row.add(['<button type="button" id="Details">A button</button>']).addClass("success").draw(); var table=('#datatable').data
var table = ('#datatable').Datatable();
table.row.add(['<button type="button" id="Details">A button</button>']).addClass("success").draw();
var table=('#datatable').datatable();
table.row.add(['A button']).addClass(“success”).draw();
datatables文档中提到了addClass()函数。但它不适用于引导表条带化类success
我需要将表条带化类'success'添加到我在Datatable中创建的行中。我如何才能让它工作?您不需要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`
}
您可以尝试的另一件事是在创建的行回调中编写代码,有关这方面的更多信息可以在此处找到:
这是因为您试图将类添加到不存在的对象。 请尝试我的代码片段:
$(文档).ready(函数(){
var table=$('#datatable')。datatable();
table.row.add(['A button']).draw();
$('#datatable').find('tr').last().addClass(“success”);
});代码>
tr.success{背景色:绿色!重要;}
1.
我认为它只是$(row).addClass(“success”),如本例中的datatables.net/reference/option/createdRow
(引用@Brent Boden的评论)感谢您的快速回复!:) 为了给我的来历提供一些背景信息,我需要根据一些条件设置一个类,比如如果(发生了什么事情),然后设置类“成功”,否则设置类“警告”。@Anusha我刚刚在DataTable的“rowCreated”回调上添加了文档,我正在查看它。:)因此,当我想选择整行时,我应该执行$('tr',row).addClass('success')??do help out,我对jQuery本身非常陌生,对于如何使用它完全没有任何线索。:)我认为它只是$(row).addClass(“success”)在这个例子@Anusha中,所以有一些东西你没有告诉我们,正如你可以看到上面的代码片段在我的例子中工作得很好,类被附加,行的背景被改变。可能是我遗漏了一些重要的东西。这是一个更大项目的一部分,所以可能是因为我在它所有的代码中遗漏了一些东西(