在动态创建的表中引导交替行颜色答案

【问题标题】：Bootstrap alternating row color in dynamically created table在动态创建的表中引导交替行颜色
【发布时间】：2017-07-14 03:58:09
【问题描述】：

查看 Stack Overflow，我找到了 alternating row color。虽然这似乎适用于静态表，但我的结果是所有行都是粉红色的。我无法让它在使用引导程序的 PHP 动态创建的表上工作：

$mdbFile = "\myAccessDatabase.mdb";
$pdo = new PDO("odbc:Driver={Microsoft Access Driver (*.mdb, *.accdb)};Dbq=$mdbFile", "", "");
$query = $pdo->prepare("SELECT * FROM Table");  
$query->execute();

echo "<table class='table table-striped table-bordered table-hover table-condensed table-responsive'>";                 
echo "<thead><tr>";
echo "<th>Last</th><th>First</th><th>XXX</th><th>YYY</th><th>ZZZ</th><th>WWW</th>";
echo "</tr></thead>";

for($i=0; $row = $query->fetch(); $i++){
    echo '<tbody><tr>';
    //echo "<th scope='row'>1</th>";
    echo "<td>".$row['LAST']."</td>";
    echo "<td>".$row['FIRST']."</td>";
    echo "<td>".$row['XXX']."</td>";
    echo "<td>".$row['YYY']."</td>";
    echo "<td>".$row['ZZZ']."</td>";
    echo "<td>".$row['WWW']."</td>";
}
echo "</tr></tbody></table>"; 

unset($pdo);
unset($query);

CSS：

.table-striped>tbody>tr:nth-child(odd)>td,
    .table-striped>tbody>tr:nth-child(odd)>th {
        background-color: pink;
    }

【问题讨论】：

我希望更多的人花费尽可能多的时间来尝试解决问题，就像他们编辑问题的内容一样。虽然我同意语法和格式很重要，但即使格式正确，一个未解决的问题仍然是 UNRESOLVED。
早在 Bootstrap 3 中就有 table-striped 类可用。

标签： php css twitter-bootstrap html-table

【解决方案1】：

试试这个.table-striped>tbody>tr:nth-of-type(odd) { background-color: pink; }

【讨论】：

给出相同的结果...所有行颜色相同

【解决方案2】：

问题可能是您打开的tbody 标记位于循环内。因此，每一行都被视为第一行。试着把它带到外面：

 echo '<tbody>';
for($i=0; $row = $query->fetch(); $i++){
    echo '<tr>';
    //echo "<th scope='row'>1</th>";
    echo "<td>".$row['LAST']."</td>";
    echo "<td>".$row['FIRST']."</td>";
    echo "<td>".$row['XXX']."</td>";
    echo "<td>".$row['YYY']."</td>";
    echo "<td>".$row['ZZZ']."</td>";
    echo "<td>".$row['WWW']."</td>";
    echo '</tr>';
  }
    echo "</tbody></table>";

【讨论】：

谢谢你成功了 - 没想到 <tbody> 重复。
不要忘记您的tr 标签。开始和结束标签都应该在循环内部或外部。我想你想把它放在里面，所以把你的闭包移到循环里面。