Как я могу интегрировать php в таблицу html

Question

Мой друг сделал новый дизайн для моей таблицы, но я не смог интегрировать старый PHP-код таблицы в новый дизайн. Как я могу это сделать? Спасибо

Это мой старый стол;

<table align="center" width="1200" height="370" cellpadding="7"> 
       <tr> 
       <th>ID</th> 
       <th>Name</th> 
       <th>Sex</th> 
       <th>Country</th> 
       <th>Age</th> 
       <th>Twitter</th> 
       <th>Instagram</th> 
       <th>Snapchat</th> 
       <th>Details</th> 
      </tr> 

      <?php 
      foreach($db->query('SELECT * FROM uyeler ORDER BY RAND()LIMIT 20') as $row) { 
        echo "<tr><td>" .$row['id'] . "</td>"; 
        echo "<td>" .$row['fname'] . "</td>"; 
        echo "<td>" .$row['sex'] . "</td>"; 
        echo "<td>" .$row['country'] . "</td>"; 
        echo "<td>" .$row['age'] . "</td>"; 
        echo "<td>" .$row['twitter'] . "</td>"; 
        echo "<td>" .$row['instagram'] . "</td>"; 
        echo "<td>" .$row['snapchat'] . "</td>"; 
        echo ('<td><a href="details.php?id=' .$row['id'] . '" title="Panel">Details</a></td>'); 
        echo "</tr>"; 
       } 
      ?> 

      </table> 

Это новый дизайн (одна линия темная, одна линия черная ....)

<table class="table table-striped"> 

           <!--Table Header --> 
            <tr> 
             <th class="t_head">ID</th> 
             <th class="t_head">NAME</th> 
             <th class="t_head">SEX</th> 
             <th class="t_head">COUNTRY</th> 
             <th class="t_head">AGE</th> 
             <th class="t_head">TWITTER</th> 
             <th class="t_head">INSTERGRAM</th> 
             <th class="t_head">SNAPCHAT</th> 
             <th class="t_head">DETAILS</th> 
            </tr> 

           <!--Row 01 --> 
            <tr class="t_light"> 
             <td>14</td> 
             <td>Taha</td> 
             <td>Male</td> 
             <td>Russia</td> 
             <td>2000</td> 
             <td>Tahains</td> 
             <td>Male</td> 
             <td>Male</td> 
             <td><a href="#">Details</a></td> 
            </tr> 

           <!--Row 02 --> 
            <tr class="t_dark"> 
             <td>14</td> 
             <td>Taha</td> 
             <td>Male</td> 
             <td>Russia</td> 
             <td>2000</td> 
             <td>Tahains</td> 
             <td>Male</td> 
             <td>Male</td> 
             <td><a href="#">Details</a></td> 
            </tr> 

           <!--Row 03 --> 
            <tr class="t_light"> 
             <td>14</td> 
             <td>Taha</td> 
             <td>Male</td> 
             <td>Russia</td> 
             <td>2000</td> 
             <td>Tahains</td> 
             <td>Male</td> 
             <td>Male</td> 
             <td><a href="#">Details</a></td> 
            </tr> 

           <!--Row 04 --> 
            <tr class="t_dark"> 
             <td>14</td> 
             <td>Taha</td> 
             <td>Male</td> 
             <td>Russia</td> 
             <td>2000</td> 
             <td>Tahains</td> 
             <td>Male</td> 
             <td>Male</td> 
             <td><a href="#">Details</a></td> 
            </tr> 

           <!--Row 05 --> 
            <tr class="t_light"> 
             <td>14</td> 
             <td>Taha</td> 
             <td>Male</td> 
             <td>Russia</td> 
             <td>2000</td> 
             <td>Tahains</td> 
             <td>Male</td> 
             <td>Male</td> 
             <td><a href="#">Details</a></td> 
            </tr> 

           </table> 

Часть файла CSS;

.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th 
{ 
    background: #e0dfdf; 
} 

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td 
{ 
    background: #f7f7f7; 
} 

Answer 1

Вы можете сделать это следующим образом

<table align="center" width="1200" height="370" cellpadding="7"> 
    <tr> 
     <th class="t_head">ID</th> 
     <th class="t_head">NAME</th> 
     <th class="t_head">SEX</th> 
     <th class="t_head">COUNTRY</th> 
     <th class="t_head">AGE</th> 
     <th class="t_head">TWITTER</th> 
     <th class="t_head">INSTERGRAM</th> 
     <th class="t_head">SNAPCHAT</th> 
     <th class="t_head">DETAILS</th> 
    </tr> 
    <?php 
    $i=1; 
    foreach($db->query('SELECT * FROM uyeler ORDER BY RAND()LIMIT 20') as $row) { 
     if ($i%2!=0) 
      $class="t_light"; 
     else 
      $class="t_dark"; 
     echo "<tr class='".$class."'><td>" .$row['id'] . "</td>"; 
     echo "<td>" .$row['fname'] . "</td>"; 
     echo "<td>" .$row['sex'] . "</td>"; 
     echo "<td>" .$row['country'] . "</td>"; 
     echo "<td>" .$row['age'] . "</td>"; 
     echo "<td>" .$row['twitter'] . "</td>"; 
     echo "<td>" .$row['instagram'] . "</td>"; 
     echo "<td>" .$row['snapchat'] . "</td>"; 
     echo ('<td><a href="details.php?id=' .$row['id'] . '" title="Panel">Details</a></td>'); 
     echo "</tr>"; 
     $i++; 
    } 
    ?> 
</table> 

То, что я сделал то, что, внутри для каждого контура I проверки каждой итерации, является ли wwhether четным или нечетным и применяет класс соответствующим образом.

Я думаю, что вы используете такой код для поочередного чередования строк. Это можно сделать с помощью селекторов CSS. Нет необходимости добавлять отдельные классы для строк rach.

В чистом CSS вы можете сделать следующее:

//for even 
tr:nth-child(even) { 
    background-color: #000000; 
} 
//for odd 
tr:nth-child(odd) { 
    background-color: #FFFFFF; 
} 

Answer 2

Те рода работ, как правило, осуществляется с помощью оператора модуля %, который поможет вам получить остаток от деления.
Это, в вашем случае, может позволить вам найти строки четные и нечетные.

$a % $b Modulus Remainder of $a divided by $b.

источник: ". Ошибка в этой строке она работает с этим` эхом "http://php.net/en/language.operators.arithmetic

<?php 
    $i = 0; 
    foreach($db->query('SELECT * FROM uyeler ORDER BY RAND()LIMIT 20') as $row) { 
     echo '<tr class="'.($i%2 == 0 ? 't_light' : 't_dark').'">'; 
     echo "<td>" .$row['id'] . "</td>"; 
      // the other columns comes here 
     echo "</tr>"; 
     $i++; 
    } 
?>