Menampilkan PHP Array dalam bentuk HTML Table


Tadi ada yang nanya soal ini. Saya Google beberapa kali, ngga nemu hasil yang memuaskan. Jadi langsung saja:

Struktur tabel HTML yang sederhana kan kira-kira seperti ini:

<table>

	<tr>
		<th>Judul Kolom A</th>
		<th>Judul Kolom B</th>	
	</tr>
	
	<tr>
		<td>Baris 1 Kolom A</td>
		<td>Baris 1 Kolom B</td>
	</tr>
	
	<tr>
		<td>Baris 2 Kolom A</td>
		<td>Baris 2 Kolom B</td>
	</tr>

</table>

Tag utama adalah `<table>`, yang di dalamnya ada `<tr>` alias table row, yang di dalamnya ada `<td>` alias table data alias kolom.

Nah, apabila kita memiliki data yang terkumpul di sebuah array, anggaplah namanya `$hari`, yang isinya seperti ini:

Array
(
    [0] => Array
        (
            [0] => 15
            [1] => Kamis
        )

    [1] => Array
        (
            [0] => 16
            [1] => Jumat
        )

    [2] => Array
        (
            [0] => 17
            [1] => Sabtu
        )
        )

    [3] => Array
        (
            [0] => 18
            [1] => Minggu
        )
        )

    [4] => Array
        (
            [0] => 19
            [1] => Senin
        )

)

Maka untuk menampilkan tanggal dan hari masing-masing pada barisnya tersendiri di dalam `<table>`, dapat dilakukan dengan cara seperti berikut:

<table>

	<tr>
		<th>Array Key/Index</th>
		<th>Tanggal</th>
		<th>Hari</th>	
	</tr>

	<?php foreach( $hari as $index => $baris ) : ?> <!-- Mulai loop -->
	
	<tr>
		<td><?php echo $index; ?></td>
		<td><?php echo $baris[0]; ?></td>
		<td><?php echo $baris[1]; ?></td>
	</tr>
	
	<?php endforeach; ?> <!-- Selesai loop -->
	
</table>

Kode-kode di atas akan menampilkan sebuah tabel yang terdiri dari 5 baris dan 3 kolom.

Kuncinya ada di foreach().

Silakan baca-baca juga mengenai: for() dan while(), dan lihat kode berikut berserta hasilnya untuk lebih memahami mengenai `PHP Loop`:

<style>table { border-collapse: collapse; } td { border-bottom: 1px solid #cccccc; text-align: center; } th { border-bottom: 3px double #cccccc; } </style>

<table>

	<tr>
		<th>#</th>
		<th>Kelipatan 3</th>
	</tr>



	<?php

	$var = 3;
	for( $n = 0; $n < 10; $n++ )
	{

	?>



	<tr>
		<td><?php echo ( $n + 1 ); ?></td>
		<td><?php echo $var; ?></td>
	</tr>



	<?php

		$var = $var + 3;
	}

	?>



</table>

Hasilnya:

Demikianlah 🙂


3 responses to “Menampilkan PHP Array dalam bentuk HTML Table”

  1. Hi,
    Are you looking for freelancing work?
    I have a project that might be interesting for you. Also, are you looking for a full time job? as a developer in Surabaya. We’re working on some interesting things.

    Manish

    • Hi, I generally interested in any web development work especially if I’m certain that I’m the right person for it. Maybe you’ve noticed that I’m not a graphic designer. Emailed you with more details.

Leave a Reply

Your email address will not be published.