微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何在php中为迭代表设置备用行颜色?

我正在使用PHP,并且正在迭代带有结果数组的表…我想向其添加行颜色和备用行颜色.任何建议…

<table  id="chkBox" cellpadding="0" cellspacing="2" 
               width="100%" class="table_Style_Border">
<tr>
<td style="width:150px" class="grid_header" align="center">RackName</td>    
   <td style="width:150px" class="grid_header" align="center">LibraryName</td>  
<td style="width:200px" class="grid_header" align="center">LibrarianName</td>
<td style="width:200px" class="grid_header" align="center">Location</td>
        <td style="width:1%" class="grid_header"></td>


    </tr>

     <? if(isset($comment))
           { echo '<tr>
      <td class=table_label colspan=5>'.$comment.'</td></tr>'; } ?>
    <?PHP foreach($rackData as $row) { ?>
    <tr>
        <td align="left" class="table_label">
                <?=$row['rack_name']?>
        </td>
        <td align="left" class="table_label">
                <?=$row['library_name']?>
        </td>
        <td align="center" class="table_label">
                <?=$row['librarian']?>
        </td>
        <td align="center" class="table_label">
                <?=$row['location']?>
        </td>
        <td align="center">
            <input type="checkBox" name="group" id="group" 
  value="<?=$row['rack_id']?>" onclick="display(this);"  > 
        </td>

    </tr>

  <?    } ?>
    <table>

编辑:

<?PHP foreach($rackData as $key =>  $row) { ?>
        <?PHP printf('<tr class="%s">', ($key % 2) ? : 'rowcolor' : 'alternaterowcolor');?>

它似乎不占用您的语法.

错误

Parse error: Syntax error, unexpected ‘:’ in D:\xampp\htdocs\codeigniter_cup_myth_new\system\application\views\rackdetails.PHP on line 238

解决方法:

使用modulo

<?PHP foreach($rackData as $key => $row) { ?>
    <?PHP printf('<tr class="%s">', ($key % 2) ? 'odd' : 'even'); ?>
    // ...

然后,您可以使用名称.odd和.even定义CSS类,并为它们指定background-color,以与行交替使用.

使用现代浏览器(阅读:不是IE 8或更低版本),您也可以直接在CSS中使用:nth-child pseudo class

tr:nth-child(even) { background-color: #FFF; }
tr:nth-child(odd) { background-color: #EEE; }

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐