我的 friend 为我的表格做了新设计,但我无法将旧的表格 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;
}
最佳答案
你可以按照下面的方式来做
<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>
我所做的是,在 for each 循环中,我检查每次迭代是奇数还是偶数,并适本地应用该类。
我认为,您正在使用这样的代码以不同方式设置交替行的样式。这可以通过 CSS 选择器来完成。无需为 rach 行添加单独的类。
在纯 CSS 中,您可以执行以下操作:
//for even
tr:nth-child(even) {
background-color: #000000;
}
//for odd
tr:nth-child(odd) {
background-color: #FFFFFF;
}
关于php - 我如何将 php 集成到 html 表中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30822450/