我如何整合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> 

我做了什么做到这一点的是，在每个循环我检查里面是否每个迭代的是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++; 
    } 
?>