Jquery 如何更改Datatables中的第一列背景色

您好，我有以下内容：

<div id="dynamic">
        <table cellpadding="0" cellspacing="0" border="0" class="display"
            id="example">
            <thead>
                <tr>
                    <th width="10%">First Name</th>
                    <th width="10%">Last Name</th>
                    <th width="10%">Address 1</th>
                    <th width="10%">Address 2</th>
                </tr>
            </thead>
        </table>
    </div>

名字
姓
地址1
地址2

---

上面的代码与JQuery数据表同步。当我运行它时，排序的列具有不同的颜色。但我希望在选择行时更改它。您能帮个忙吗？

要更改第一个颜色，请尝试以下操作：

$(document).ready(function(){
    $("#example tr").children("td").first().css({"background-color":"#C94BCB"}); // Choose your color!
});

---

关于

悬停

。。。不清楚。

要更改第一个颜色，请尝试以下操作：

$(document).ready(function(){
    $("#example tr").children("td").first().css({"background-color":"#C94BCB"}); // Choose your color!
});

---

关于

悬停

。。。不清楚。

只需使用CSS:-

td:first-child {  
  /* your stuff here */
  background-color:#ffffff;    
}

如果您需要第n个子项

td:nth-child(n) {  
  /* your stuff here */
  background-color:#ffffff;
}

参考链接：-
只需使用CSS:-

td:first-child {  
  /* your stuff here */
  background-color:#ffffff;    
}

如果您需要第n个子项

td:nth-child(n) {  
  /* your stuff here */
  background-color:#ffffff;
}

参考链接：-
第一列颜色不同是由于datatable使用的类
显示。从表中删除类
display
，就可以了

请参阅了解有关其样式的更多信息
第一列颜色不同是由于datatable使用的类
显示
。从表中删除类
display
，就可以了

请参阅了解有关其样式的更多信息
使用td和th第一个子样式

th:first-child,td:first-child {  
  background-color:red;    
}



th:第一个孩子，td:第一个孩子{
背景色：红色；
}
名字
姓
地址1
地址2
名字
姓
地址1
地址2
名字
姓
地址1
地址2
名字
姓
地址1
地址2
使用td和th第一个子样式

th:first-child,td:first-child {  
  background-color:red;    
}



th:第一个孩子，td:第一个孩子{
背景色：红色；
}
名字
姓
地址1
地址2
名字
姓
地址1
地址2
名字
姓
地址1
地址2
名字
姓
地址1
地址2
使用rowCallBack（如果要检查某些特定字段以更改颜色，请使用aData）

使用rowCallBack（如果要检查某些特定字段以更改颜色，请使用aData）

wi7sonjoseph的贡献很好很完美

     "rowCallback": function( row, data ) {
        $('td', row).eq(2).addClass('warningcolumn');
        $('td', row).eq(3).addClass('warningcolumn');
        $('td', row).eq(15).addClass('warningcolumnok');
        $('td', row).eq(16).addClass('warningcolumnok');
if ( data.OPERATIVIDAD == 1) {
  $('td:eq(6)', row).html('<span class="label label-success">OPERATIVO</span>');
}
else {
  $('td:eq(6)', row).html('<span class="label label-danger">INOPERATIVO</span>');
}}

“行回调”：函数（行，数据）{
$（'td'，row）.eq（2）.addClass（'warningcolumn'）；
$（'td'，row）.eq（3）.addClass（'warningcolumn'）；
$（'td'，row）.eq（15）.addClass（'warningcolumnok'）；
$（'td'，row）.eq（16）.addClass（'warningcolumnok'）；
如果（data.OPERATIVIDAD==1）{
$（'td:eq（6）'第行）.html（'OPERATIVO'）；
}
否则{
$（'td:eq（6）'第行）.html（'INOPERATIVO'）；
}}


这里也有很好的贡献。
来自wi7sonjoseph的良好贡献这是完美的

     "rowCallback": function( row, data ) {
        $('td', row).eq(2).addClass('warningcolumn');
        $('td', row).eq(3).addClass('warningcolumn');
        $('td', row).eq(15).addClass('warningcolumnok');
        $('td', row).eq(16).addClass('warningcolumnok');
if ( data.OPERATIVIDAD == 1) {
  $('td:eq(6)', row).html('<span class="label label-success">OPERATIVO</span>');
}
else {
  $('td:eq(6)', row).html('<span class="label label-danger">INOPERATIVO</span>');
}}

“行回调”：函数（行，数据）{
$（'td'，row）.eq（2）.addClass（'warningcolumn'）；
$（'td'，row）.eq（3）.addClass（'warningcolumn'）；
$（'td'，row）.eq（15）.addClass（'warningcolumnok'）；
$（'td'，row）.eq（16）.addClass（'warningcolumnok'）；
如果（data.OPERATIVIDAD==1）{
$（'td:eq（6）'第行）.html（'OPERATIVO'）；
}
否则{
$（'td:eq（6）'第行）.html（'INOPERATIVO'）；
}}


这里也有很好的贡献。
感谢您的回复。我尝试了以下所有建议，但不幸的是没有一个有效：（观察：仅对于排序列，我无法更改背景颜色。感谢您的回复。我尝试了以下所有建议，但不幸的是没有一个有效：（观察：仅对于排序列，我无法更改背景颜色。这对我来说是有效的。我使用DataTable 1.10和Bootstrap 4，但2.5年后这是正确的答案！这对我来说是有效的。我使用DataTable 1.10和Bootstrap 4，但2.5年后这是正确的答案！