Php 在列中显示3种产品并滚动行
我有产品列表,我尝试在一列中对齐三个产品并向右滚动。如何仅显示9个3行*3列产品。这是我的代码Php 在列中显示3种产品并滚动行,php,html,css,Php,Html,Css,我有产品列表,我尝试在一列中对齐三个产品并向右滚动。如何仅显示9个3行*3列产品。这是我的代码 <div style="border:solid 1px red;width:230px;overflow-x:scroll;"> <h4>Items/Products</h4> <hr> <table border="0"> <?php $count =0; for($pr=0;$pr < c
<div style="border:solid 1px red;width:230px;overflow-x:scroll;">
<h4>Items/Products</h4>
<hr>
<table border="0">
<?php $count =0;
for($pr=0;$pr < count($items_list);$pr++){ ?>
<?php if($count % 3 == 0) { ?> <tr> <?php } ?>
<td style="border:solid 1px black;width:100px;height:40px;text-align:center">
<?php echo $items_list[$pr]->category;?>
</td>
<?php if($count % 3 == 0) { ?> </tr> <?php } ?>
<?php $count++;
} ?>
</table>
</div>
我试过完全像这样。如何更改我的代码?试试这个
<div style="border:solid 1px red;width:430px;overflow-x:scroll;">
<h4>Items/Products</h4>
<hr>
<table border="0">
<tr>
<?php $count =1; //$countItems = count($items_list);
$countItems =11;
for($pr=0;$pr < $countItems;$pr++){ ?>
<td style="border:solid 1px black;width:100px;height:40px;text-align:center"> <?php echo $pr;?>
<?php //echo $items_list[$pr]->category;?>
</td>
<?php if($count % 3 == 0) { ?> </tr><tr><?php } ?>
<?php $count++; } ?>
</table>
</div>
3行x N列
您需要使用Ajax分页或Jquery Scolling来成为如何更改代码?您可以检查echo$countItems=count$items\u list;计数多少?总共计数项目只有113行,列数增加。我只尝试了3列。复制我的代码并再次运行!我已经更新了我的代码!接下来是4行,我希望只有3行和多列
<div style="border:solid 1px red;width:430px;overflow-x:scroll;">
<h4>Items/Products</h4>
<hr>
<table border="0">
<tr>
<?php $count =1;
//$items_list_count = count($items_list);
$items_list_count = 25;
$Rows = 3;
$coulmns =@ceil($items_list_count/$Rows);
for($pr=0;$pr < $items_list_count;$pr++){ ?>
<td style="border:solid 1px black;width:100px;height:40px;text-align:center">
<?php //echo $items_list[$pr]->category;?> <?php echo $pr;?>
</td>
<?php if($count % $coulmns == 0) { ?> </tr><tr><?php } ?>
<?php $count++; } ?>
</table>
</div>