交替的行颜色

Question

我正在寻找一个解决方案，使用我的表中的交替颜色行设计，来自csv。

我的代码：

<?php
echo "<table style='text-align: left; width: 99%;' border='1'>\n\n
<thead>
<tr>
<th>data</th>

</tr>
</thead>";
$f = fopen("local/datafiles.csv", "r");
while (($line = fgetcsv($f)) !== false) {
        echo "<tr class='odds'>";
        foreach ($line as $cell) {
                      echo "<td style='font-weight: bold;'>" . htmlspecialchars($cell) . "</td>";
        }
        echo "</tr>\n";
}
fclose($f);
echo "\n</table>";
?>

那么我怎么能让tr类从赔率甚至？ 谢谢

Answer 1

有一个变量

int count = 0;

每次迭代时递增计数并采用模态

数％2

if(count % 2 == 0)
color = red //(make color of row = red)

else
color = yellow //(make color of row = yello)

count=count+1;

这只是一个想法，你可以在你的代码中容纳这个

Answer 2

<?php
echo "<table style='text-align: left; width: 99%;' border='1'>\n\n
<thead>
<tr>
<th>data</th>

</tr>
</thead>";
$f = fopen("local/datafiles.csv", "r");
$i = 0;
while (($line = fgetcsv($f)) !== false) {
    echo "<tr style='background-color: ".(($i%2)?'green':'blue').";'>";
    foreach ($line as $cell) {
        echo "<td style='font-weight: bold;'>" . htmlspecialchars($cell) . "</td>";
    }
    echo "</tr>\n";
    $i++;
}
fclose($f);
echo "\n</table>";
?>

或者您可以使用css以相同的方式分配类并对其进行样式设置。 这是更好的做法。

Answer 3

你可以使用css伪选择器：nth-​​of-type（odd | even）

http://reference.sitepoint.com/css/pseudoclass-nthoftype

如果表的ID是styledTable，则样式表将如下所示：

#styledTable {
 text-align: left;
 width: 99%;
 border: 1px solid black;
}

#styledTable tr:nth-of-type(even) {
 background-color: red;
}

#styledTable tr:nth-of-type(odd) {
 background-color: blue;
}

Answer 4

我将通过CSS为您提供更好但更简单的解决方案。 首先，唯一标识您的表格，我将向您展示更一般的选项。

table tr { backgroun: #ddd; }
table tr:nth-child(2n) { background: #ccc; }