html - 如何在多个html列中显示数据库表中的字段？

Question

我有一个表“category”，其中包含 id、cat_name 字段。假设表中有30行，我想在三列的html列表中显示它，每个列表10个数据->总共30个数据。

到目前为止我已经尝试过

                 $count = 0;
                 $noOfColms = $catCount / 3;
                                  for ($i=0; $i < 3; $i++) { ?>
                                            <div class="col-md-4">
                                                <ul class="multi-column-dropdown-menu">
                                                    @foreach ($categories as $category)
                                                    @if ($count < $noOfColms)
                                                    <li><a href="#">{{$category->category_name}}</a></li> 
                                                    @else
                                                        <?php  $count = 0; exit;?>
                                                    @endif

                                                    @endforeach
                                                </ul>
                                            </div>
                                        <?php
                                        }

my result但就像下图一样。任何帮助将不胜感激。谢谢

Answer 1

只需关闭并重新打开每 10 个元素的 ul 和 div 标签即可。像这样的事情:

<?php $numOfRows = 10; ?>

<div class="col-md-4">    
  <ul class="multi-column-dropdown-menu">
    @foreach ($categories as $i => $category)
       @if($i % $numOfRows == 0)
         </ul></div><div class='col-md-4'><ul class='multi-column-dropdown-menu'>
       @endif
       <li><a href="#">{{$category->category_name}}</a></li> 
    @endforeach
  </ul>
</div>

<小时/>

关于您的评论，这应该按您的预期工作:

<?php 
   $el_counter = 0; 
   $numOfRows = 10;
?>
<?php for($i=0; $i<3; $i++): ?>
  <div class='col-md-4'><ul>
    <?php $current = $el_counter; ?>
    <?php for($el_counter; $el_counter < $current + $numOfRows; $el_counter++): ?>
      <li><a href="#">{{$categories[$el_counter]->category_name}}</a></li> 
    <?php endfor; ?>
  </ul></div>
<?php endfor; ?>