Показать 3 продукта в колонке и строки прокрутки

Question

Показать 3 продукта в колонке и строки прокрутки

0

У меня есть список продуктов, я попытался выровнять три продукта в столбце и прокрутить вправо. Показывать только 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 < 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>

Я попытался точно посмотреть, как это видно здесь. Как изменить код?

user3241020 21 апр. 2014, в 09:42

Источник

0

Как изменить свой код?
kimbarcelona 21 апр. 2014, в 07:02

Теги:

php

html

css

2 ответа

Ещё вопросы

J.K · Answer 1 · 2014-04-21T05-07-00.000Z

Вам нужно использовать Ajax Pagination или Jquery Scolling, чтобы стать (http://postimg.org/image/eifr7azob/)

Krish R · Answer 2 · 2014-04-21T04-59-00.000Z

Попробуй это,

        <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 столбцов

    <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>

мы пытались показать 3 столбца, но код baove показывает много столбцов
Вы можете проверить echo $countItems = count($items_list); сколько считать?
Только 3 строки идут, столбец увеличивается. Я пробовал только 3 столбца.
Скопируйте мой код и запустите его снова! я обновил свой код!
Идет 4 строки, я ожидал только 3 строки и несколько столбцов
Вы хотите только 3 строки, n столбцов правильно? 3 х N?
вы правы 3 строки и несколько столбцов. выглядеть так postimg.org/image/eifr7azob