Question

我正在尝试在网格中显示检索到的数据。

我使用了while循环并检索了所有东西。我应用了css但现在所有行都以相同的颜色显示。

我想尝试做这个row0蓝色row1绿色row2蓝色row3绿色。我怎么做？

Answer 1

使用类似的东西（当然，让它适应你的循环）：

echo '<table>';
$i = 0;
foreach($myrows as $row) {
    echo '<tr class="row'.(++$i % 2).'"><td>';
    echo $row;
    echo '</td></tr>';
}
echo '</table>';

使用以下CSS代码：

tr.row0 > td { background-color: blue; }
tr.row1 > td { background-color: green; }

Answer 2

使用CSS3时很少有方法可以看看nth-child

或者在while语句中放置一个计数器，并使用mod函数来应用一个类

e.g。

while(...){

if($count%2)
{
 \\add class 
}
$count++;
}

Answer 3

你可以在CSS3中完成（参见http://www.w3.org/Style/Examples/007/evenodd）在PHP中，您可以使用模数来应用“奇数”类：

<?php for ($i = 0; $i < 10; $i++) {
$class = ($i%2 != 0) ? ' class="odd"' : '';
echo '<tr'.$class.'>...</tr>';
}

Answer 4

您还可以使用像SDTable.com这样的免费工具，它将为您完成工作。您只需进入模板css文件并更改第1行和第2行背景颜色，或创建一个规则，根据数据库中的本机数据动态指定背景颜色。

使用php在网格中显示数据

4 个答案: