表的奇数行和偶数行

2023-12-14

我有一个从 MYSQL 数据库获取其行的表

<table id="table1">
<?php
// Connect to database server
    mysql_connect("localhost", "root", "asnaeb") or die (mysql_error ());
// Select database
        mysql_query("SET NAMES `utf8`"); // UTF 8 support!!
    mysql_select_db("scores") or die(mysql_error());
// SQL query
    $strSQL = "SELECT * FROM latest";
// Execute the query (the recordset $rs contains the result)
    $rs = mysql_query($strSQL);
// Loop the recordset $rs
// Each row will be made into an array ($row) using mysql_fetch_array
    while($row = mysql_fetch_array($rs)) { 
// Write the value of the column FirstName (which is now in the array $row) 
?>

<?php echo $row['Header'].""; ?>
<tr>
<td id='date'><?php echo $row['Date'].""; ?></td>
<td id='time'><?php echo $row['Time'].""; ?></td>
<td id='hometeam'><?php echo $row['HomeTeam'].""; ?></td>
<td id='score'><?php echo $row['Score'].""; ?></td>
<td id='awayteam'><?php echo $row['AwayTeam'].""; ?></td>
<td id='other'><?php echo $row['Other'].""; ?></td>
</tr>

<?php } mysql_close(); ?>
</table>

我有 2 个 css 类,称为“A”和“B”,分别用于奇数行和偶数行

我目前通过替换来完成此操作<tr> with <tr class='<?php echo $row['Row'].""; ?>'>我在我的数据库表中有一个“行”列,我在 A 或 B 中添加偶数或奇数行...问题是,如果我想删除或在其中之一之间添加新行,我将不得不更改所有A和B在另一个。

我在另一个问题中看到了很多方法可以在 javascript 或 jquery 中做到这一点,但是对于带有 TR 的普通表,这不是我的情况......(尝试了其中一些脚本,但无法修复它)

所以我想要一种更简单的方法来做到偶数行和奇数行,谢谢!


以 CSS 方式(无内联类)一劳永逸地完成:

in CSS:

#table1 tr:nth-child(odd) td { background-color:#ebebeb }
#table1 tr:nth-child(even) td { background-color:#0000ff }

在你的 HTML 中:

<table id="table1">

就是这样,无论您的表行是否被删除。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

表的奇数行和偶数行 的相关文章