Есть 3 разных цвета и цвета повторяются до конца таблицы в порядке

Question

<table border="1" cellpadding="10" cellspacing="10" style="border-collapse:collapse; width:200px; margin:auto">
    <?php
        $colors = array("#376ee5", "#3c763d", "#e2b70b");
        for($j = 1; $j < 11; $j++){ 
            for($i = 0; $i < count($colors); $i++){
                echo "<tr style='background-color:$colors[$i]'><td>$j</td><td>Student $j</td></tr>";
            }
        }
    ?>
</table>

Как создать как показано на картинке? Есть ли способ создать цвет столбца, как на картинке? Пожалуйста, помогите мне

Answer 1

Использование CSS:

td:nth-child(3n){
    background-color: #376ee5
}
td:nth-child(3n+1){
    background-color: #3c763d
}
td:nth-child(3n+2){
    background-color: #e2b70b
}

Answer 2

Я бы сделал это, имея индекс для массива $colors, который будет циклически проходить через 0-2:

$colors = array("#376ee5", "#3c763d", "#e2b70b");
$colorIndex = 0;
for($j = 1; $j < 11; $j++){
    echo "<tr style='background-color:$colors[$colorIndex]'><td>$j</td><td>Student $j</td></tr>";
    $colorIndex++;
    $colorIndex = $colorIndex > 2 ? 0 : $colorIndex;
}