HTML表中存在不需要的數字的問題

Question

我的HTML表中存在這個問題：它是一個等級表，我用-1作爲試點級，這意味着學生還沒有完成考試，因此他沒有還沒有得到他的成績。但我不希望它在這樣的表格顯示：

我希望它有一個空格在那裏。但SQL不會讓我把它留空，而且我已經用-1來檢查所有的角落情況。我該怎麼做才能使這消失？

這是cs50課程的最後一個項目，我使用他們的一個分發代碼作爲基礎。請忽略頂部的圖像，這是一個原型！

Answer 1

這裏的關鍵是要創造這樣gradeX（其中X是該小區要引入的等級）一類，並在CSS中添加如下內容：（在我的情況，我不希望它顯示如果等級爲== -1左右）

div.grade-1{ 
    visibility:hidden; 
} 

而且該表將是這個樣子：

<tr class="d1"> 
      <td><?= $row["subject"] ?></td> 
      <td><div class = "grade<?php echo $row['G1']; ?>"><?= $row["G1"] ?></div></td> 
      <td><div class = "grade<?php echo $row['G2']; ?>"><?= $row["G2"] ?></div></td> 
      <td><div class = "grade<?php echo $row['G3']; ?>"><?= $row["G3"] ?></div></td> 
      <td><div class = "grade<?php echo $row['G4']; ?>"><?= $row["G4"] ?></div></td> 
      <td><?= $row["normal"] ?></td> 
      <td><?= $row["creditos"] ?></td> 
      <td><?= $row["criteria"] ?></td> 
     </tr> 

哪裏開始$行變量是在表中插入的nummbers！

Answer 2

<td class="grade-1"> 
    <span class="grade">-1</span> 
</td> 

<td class="grade-50"> 
    <span class="grade">50</span> 
</td> 

<td class="grade-100"> 
    <span class="grade">100</span> 
</td> 

<style> 
    .grade-1 .grade { 
     display: none; 
    } 
</style>