如何更改第一列的背景颜色在数据表

你好，我有如下的JSP，如何更改第一列的背景颜色在数据表

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

上面的代码与jQuery数据表同步。当我运行它时，排序的列有不同的颜色。但是当我选择一行时，我希望它改变。你能帮忙吗？

来源

2016-06-28 manohar e

感谢您的回复。我尝试了以下所有建议，但不幸的是，它们都不工作:( **观察：仅用于排序列，我无法更改背景颜色。** –

要改变第一colunm的颜色，试试这个：

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

关于hover ...目前还不清楚。

来源

2016-06-28 05:47:34

只需使用CSS： -

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

如果您需要nth-child您可以指定这样

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

参考链接： - CSS First-child

来源

2016-06-28 05:52:17 Bruce

不同颜色的第一列由于数据表使用类display。从表中删除display类会做的伎俩

参考Datatable Styling更多地了解它的造型

来源

2016-06-28 06:01:31 zakhefron

使用td和th第一子样式

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

<!DOCTYPE html> 
 
<html> 
 
<body> 
 
<style> 
 
th:first-child,td:first-child { 
 
    background-color:red;  
 
} 
 
</style> 
 
<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> 
 
       <tr> 
 
        <td width="10%">First Name</td> 
 
        <td width="10%">Last Name</td> 
 
        <td width="10%">Address 1</td> 
 
        <td width="10%">Address 2</td> 
 
       </tr> 
 
       <tr> 
 
        <td width="10%">First Name</td> 
 
        <td width="10%">Last Name</td> 
 
        <td width="10%">Address 1</td> 
 
        <td width="10%">Address 2</td> 
 
       </tr> 
 
       <tr> 
 
        <td width="10%">First Name</td> 
 
        <td width="10%">Last Name</td> 
 
        <td width="10%">Address 1</td> 
 
        <td width="10%">Address 2</td> 
 
       </tr> 
 
      </thead> 
 
     </table> 
 
    </div> 
 

 
</body> 
 
</html>

来源

2016-06-28 06:10:23 Mani

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

"rowCallback" : function(nRow, aData, iDisplayIndex) { 
      if (aData != null && aData != "") { 
        $('td', nRow).eq(0).css({color: "#f91212"}); 
      } 
      },

来源

2017-12-13 07:11:28 wi7sonjoseph

如何更改第一列的背景颜色在数据表

回答

相关问题