foreach循环实现一行多条数据并设置样式

最新推荐文章于 2024-09-21 17:41:35 发布

原创最新推荐文章于 2024-09-21 17:41:35 发布 · 6k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

PHP程序专栏收录该内容

27 篇文章

订阅专栏

本文介绍了一种使用PHP在HTML表格中以特定格式展示数据的方法。通过在PHP foreach循环中添加条件判断来控制每行显示的数据数量，并利用CSS样式区分奇偶行，实现了美观且易于阅读的数据展示效果。

通常使用foreach之类的循环一行只显示一条数据，有时候为了页面需要，可以在一行显示多条数据，可以在循环中做判断添加html标签，如下代码：

1、样式代码：

<style type="text/css">
    body,div,p,ul,li,a,span,input,textarea,button,th,td{font-size:12px !important;}
    .on{background: #ea6100;color: #fff;}
    td:nth-child(2n-1){background-color:#e3f2e1;}
</style>

:nth-child(2n-1) 表示匹配td下标为奇数，详细用法见html&css

2、php代码：

<tr>
<?php
$i = 0;
foreach($list_data as $vo ){
    $i++;
?>
   <td><?php echo $vo['res_uid'] ?></td>
   <td><?php echo $vo['res_score'] ?></td>
<?php
    if($i%5==0&&$i<count($list_data)){
        echo '</tr><tr>';
    }
}
?> 
<tr/>

3、显示效果如下：