HTML-таблица с цветовой кодировкой MYSQL

Question

Я работаю над страницей, которая отображает информацию из базы данных MYSQL.Я использую Javascript, который позволяет сортировать данные по столбцам.Я хотел бы раскрасить код по номеру команды.Мне интересно, как сделать так, чтобы при каждом изменении номера команды менялся цвет фона строк.Я бы предпочел, чтобы он чередовался между двумя цветами.Код, который я использую ниже.

<?php
     echo "<center><h1>North Carolina Scouting Results</h1><table border='1' class='sortable'>
     <tr>
     <td><b>Team Number</b></td>
     <td><b>Match Number</b></td>
     <td><b>Scouter Name</b></td>
     <td><b>Robot Base</b></td>
     <td><b>Team Number</b></td>
     <td><b>Hybrid Attemted</b></td>
     <td><b>Hybrid Made</b></td>
     <td><b>Hybrid Bridge Tipped</b></td>
     <td><b>Team Number</b></td>
     <td><b>Teleop Attemted</b></td>
     <td><b>Teleop Made</b></td>
     <td><b>Balance Attempt</b></td>
     <td><b>Balance</b></td>
     <td><b>Comments</b></td>
     <td><b>Team Number</b></td>


     </tr>";
     while($record = mysql_fetch_array($db_query)){
          echo"<tr>";
          echo"<td>" . $record['team'] . "</td>";
          echo"<td>" . $record['game'] . "</td>";
          echo"<td>" . $record['name'] . "</td>";
          echo"<td>" . $record['base'] . "</td>";
          echo"<td>" . $record['team'] . "</td>";
          echo"<td>" . $record['hattempt'] . "</td>";
          echo"<td>" . $record['hmade'] . "</td>";
          echo"<td>" . $record['hbridge'] . "</td>";
          echo"<td>" . $record['team'] . "</td>";
          echo"<td>" . $record['tattempt'] . "</td>";
          echo"<td>" . $record['tmade'] . "</td>";
          echo"<td>" . $record['battempt'] . "</td>";
          echo"<td>" . $record['balance'] . "</td>";
          echo"<td>" . $record['notes'] . "</td>";
          echo"<td>" . $record['team'] . "</td>";
          echo"</tr>";
          $previous=$record['team'];
     }
     echo"</table></center>";
?>

Answer 1

В вашем цикле while вы можете использовать счетчик, чтобы отслеживать, сколько раз цикл выполнялся. Затем добавьте стиль к тегу tr, когда число будет четным или нечетным.

Кроме того, вы можете использовать jquery на своей странице, используя нечетный селектор , чтобы применить стиль к нечетным строкам.