根據單元格值爲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表格單元格設置顏色

回答

相關問題