HTML表

Question

我的HTML表格存在这个问题：这是一个成绩表，我使用-1作为试点等级，这意味着学生还没有完成考试，因此他没有得到他的成绩了。但是我不希望它出现在这样的表格中：

我希望它有一个空白区域。但SQL不会让我把它留空，而且我已经用-1检查了所有的角落情况。我该怎么办才能让它消失？

这是cs50课程的最终项目，我使用其中一个分发代码作为基础。请忽略顶部的图像，这是一个原型！

Answer 1

<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>

Answer 2

这里的关键是创建一个像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>

以$ row开头的变量是要插入表中的数字！