0
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>
私はそのリンクRonaldをチェックしています。ここ数日のうちにこれに取り組む時間はあまりありませんでした。 –
可能であれば、ソリューションを投稿して、喜んで助けてください。 – Ronald
これはある程度までは機能しますが、正確には必要としません。それは数字ですべての 'td'に適用されます。私のテーブルには、数字を含む4つの列があります。私は列4と5の色を変更する必要があります。それぞれの列には異なる規則が適用されます。列4の場合は、3より下のものは緑、3より上のものは赤である必要があります。列5の場合は、赤色にするには90未満のもの、緑色にするには90を超えるものが必要です。 –