Блог

Главная - Вопросы по программированию - Показывать записи, имеющие разные цвета

Показывать записи, имеющие разные цвета

#php #mysql

#php #mysql

Вопрос:

    $result = mysqli_query($conn,"SELECT * FROM countries");
?>
<div class="container">
  <h2 class="htag">Countries List</h2>
<div class="form-row">
    <div class="form-group col-md-12">
    <a href="addstudent.php" <button type="button" class="btn btn-primary btn-lg pull-right ">Add New Country</button> </a>
     </div>
     </div>
  <table class="table">
    <thead>
      <tr>
        <th>Name</th>
        </tr>
        </thead>
        <tbody>
        <?php while($row = mysqli_fetch_array($result)){ ?>
        <tr>
        <td><?php echo $row['name']; ?></td>
      </tr>
      <?php  }?>
    </tbody>
  </table>

Прошу прощения, если я неправильно задал вопрос, я новичок,
На самом деле у меня приведенный выше запрос выполняется правильно и показывает записи из моей базы данных sql, и что я хочу сейчас, так это показать 5 стран красным цветом, следующие 5 синим, а после этого зеленым и снова повторить с красным..
кто-нибудь, помогите мне с логикой и где ее использовать…
Еще раз спасибо и извините.

Комментарии:

1. Что вы пробовали? Это не должно быть слишком сложно.

2. Вы могли бы рассмотреть возможность использования :nth-child() для чистого CSS-решения.

3. проверьте цвета утилиты в официальной документации, это может помочь с вашим кодом

Ответ №1:

попробуйте: 

 <?php
   $result = mysqli_query($conn,"SELECT * FROM countries");
   $count = 0;
?>
<div class="container">
  <h2 class="htag">Countries List</h2>
<div class="form-row">
    <div class="form-group col-md-12">
    <a href="addstudent.php" <button type="button" class="btn btn-primary btn-lg pull-right ">Add New Country</button> </a>
     </div>
     </div>
  <table class="table">
    <thead>
      <tr>
        <th>Name</th>
        </tr>
        </thead>
        <tbody>
        <?php while($row = mysqli_fetch_array($result)){ 
            if($count < 5) { $color = 'class="table-danger"'; $count = 0;} else { $color = 'class="table-info"';}
            $count  ;
            ?>
            <tr>
                <td <?php echo $color ?> ><?php echo $row['name']; ?></td>
            </tr>
        <?php  }?>
        </tbody>
  </table>

из того, что я видел, что вы используете bootstrap 4, я добавил классы, относящиеся к цветам.

пожалуйста, протестируйте и посмотрите, работает ли это.