根据单元格值为HTML/jquery表格单元格设置颜色

我有以下使用jquery从csv文件中提取数据并将其显示在表格中的HTML。我想在结果表上做一些条件格式。我希望任何值低于2.5的单元格都设置为绿色背景。 2.5和3之间的值应该是黄色的。 3到100之间的任何值都应该是红色的。我已经尝试过在网站上提供的许多不同的解决方案，但目前还没有任何解决方案。根据单元格值为HTML/jquery表格单元格设置颜色

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<meta charset="utf-8"> 
<meta http-equiv="X-UA-Compatiable" content="IE=edge"> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<title>Inspection</title> 
<link rel="stylesheet" href="mystyles.css" /> 
<meta http-equiv="refresh" content="120"> 


</head> 
<body> 

<script src="jquery.min.js"></script> 
<script> 
function opsi(data){ 
    var allRows = data.split(/\r?\n|\r/); 
    var table = "<table id='scrapT'>"; 
    for(var singleRow=0;singleRow<allRows.length;singleRow++){ 
     if(singleRow === 0){ 
      table += "<thead>"; 
      table += "<tr>"; 
     } else{ 
      table += "<tr>"; 
     } 
     var rowCells = allRows[singleRow].split(','); 
     for(var rowSingleCell=0;rowSingleCell<rowCells.length;rowSingleCell++){ 
      if(singleRow === 0){ 
       table += "<th>"; 
       table += rowCells[rowSingleCell]; 
       table += "</th>"; 
      } else{ 
       table += "<td>"; 
       table += rowCells[rowSingleCell]; 
       table += "</td>"; 
      } 
     } 
     if(singleRow === 0){ 
      table += "</tr>"; 
      table += "</thead>"; 
      table += "<tbody>"; 
     } else{ 
      table += "</tr>"; 
     } 
    } 
    table += "</tbody"; 
    table += "</table>"; 
    $("body").append(table); 
} 

$.ajax({ 
    url: "file.csv", 
    dataType: "text" 
}).done(opsi); 

</script>

来源

2017-02-21 Tony D

这是一个具有可参考的例子一个很好的链接。

Changing background cell of table depending on value

来源

2017-02-21 21:43:49 Ronald

我在检查那个链接罗纳德。在过去的几天里，没有太多时间来处理这个问题。 –

太棒了。如果可以，请发布解决方案，很高兴提供帮助。 – Ronald

所以这在一定程度上有效，但不完全是我需要的。它适用于所有'td'的数字。我的表格中有4列包含数字。我只需要更改第4列和第5列的颜色。不同的规则适用于每个列。对于第4列，我需要3以下的任何东西都是绿色的，任何3以上的东西都是红色的。对于第5列，我需要90以下的任何东西都是红色的，而任何90以上的东西都是绿色的。 –

根据单元格值为HTML/jquery表格单元格设置颜色

回答

相关问题