[英]How can i integrate php to html table
我的朋友為我的桌子做了新設計,但我無法將舊桌子的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每個循環中,我檢查每個迭代是否是奇數還是偶數,並適當地應用該類。
我認為,您正在使用這樣的代碼來以不同的方式設置替換行的樣式。 這可以通過CSS選擇器來完成。 無需添加單獨的類RACH行。
在純CSS中,您可以執行以下操作:
//for even
tr:nth-child(even) {
background-color: #000000;
}
//for odd
tr:nth-child(odd) {
background-color: #FFFFFF;
}
這類工作通常是通過模數運算符%
,它可以幫助您獲得除法的余數。
在您的情況下,這可以讓您找到偶數行和奇數行。
$ a%$ b $ a的余數除以$ 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++;
}
?>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.