如何将颜色插入数据表（td）

Question

<script>
function data_table(){
 $("#table_test").DataTable({
 bDestroy: true, processing: true,
 ajax: {type: "POST",url: "file",data: {date:date},
 dataSrc: function (data) {
            var return_data = new Array();
            $(data).each(function(key, value ) {
                return_data.push({
                    "name": value.name ,"col1": value.col1 ,"col2": value.col2 ,"col3": value.col3 ,
                    "col4": value.col4 ,"col5": value.col5
                });
            });
            return return_data;
    }// End dataSrc
  },"columns" : [
    {"data": "name"},{"data": "col1"},{"data": "col2"},
    {"data": "col3"},{"data": "col4"},{"data": "col5"}
]
 });
}
</script>

W =颜色白

BL =黑色

R =红色

B =颜色为蓝色

从图片

  

test1 - ＆gt; column1值W，column2值W，column3值W column4值   BL和column5值R

     

test2 - ＆gt; column1值BL，column2值B，column3值B column4   值B和列5值B

我想按字母顺序为列添加不同的背景颜色。

示例：test1 column5值R将列背景颜色设置为红色（td）。

Answer 1

您可以尝试使用jQuery并将函数应用于每个td，然后根据您更改颜色的内容。

＆＃13;

＆＃13;

$('td').each(function() {

  var v = $(this).html();

  if (v == "R")
    $(this).css("background-color", "red");
  else if (v == "B")
    $(this).css("background-color", "blue");
  else if (v == "G")
    $(this).css("background-color", "green");


})

＆＃13;

td {
  padding: 20px;
  color: #fff;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr>
    <td>R</td>
    <td>G</td>
    <td>B</td>
  </tr>
  <tr>
    <td>B</td>
    <td>B</td>
    <td>R</td>
  </tr>
</table>

＆＃13;

＆＃13;

＆＃13;