Menampilkan data looping array Foreach Menjadi beberapa kolom
Halo sahabat Senterwebs.com ,Tentunya admin kali ini akan menulis artikel sebagai bahan pengingat dan pembelajaran untuk admin sendiri khususnya , dan mudah-mudahan dapat bermanfaat bagi kita semua pengunjung setia website ini ... Amin ... Amin ya Robbal Alamin.
Jika kita menggunakan perulangan FOR, While , Foreach dan lainnya biasa baris akan berulang terus kebawah, namun di beberapa kasus terkadang kita menjumpai hal yang berbeda , dimana kita menginginkan baris dapat menempati tempat kesamping menjadi beberapa kolom yang dinamis sesuai keinginan kita
contohnya :
foreach($items as $item){
echo $item['title'];
}
Data akan menampilkan
item 1
item 2
item 3
item 4
item 5
item 6
item 7
item 8
item 9
item 10
item 11
item 12
item 13
item 14
item 15
Bagaimana kita ingin menjadikan outputnya tidak harus kebawah, namun bisa kesamping ,
Menampilkan data Looping Menjadi Beberapa Kolom dengan Foreach
item 1 item 6 item 11
item 2 item 7 item 12
item 3 item 8 item 13
item 4 item 9 item 14
item 5 item 10 item 15
Untuk menampilkan hasil perulangan dari data Array , Menjadi beberapa kolom , anda bisa menggunakan script dibawah ini
<style type="text/css">
.item {
float:left
}
</style>
<?php
$data = array('item 1','item 2','item 3','item 4','item 5','item 6','item 7','item 8','item 9','item 10','item 11','item 12','item 13','item 14 ','item 15',);
$num_item = 5; //we set number of item in each col
$current_col = 0;
$v = '';
foreach ($data as $item) {
if ($current_col == 0) {
$v .= '<div class="item">
<ul>';
}
//$image = preg_replace('/images/','_thumbs/Images',$p->image);
$v .= ' <li>'.$item.'</li>';
if ($current_col == $num_item - 1) { // Close the row if $current_col equals to 2 in the example ($num_cols -1)
$current_col = 0;
$v .= '</ul></div>';
} else {
$current_col++;
}
}
$v .= '</div>';
echo $v;
?>