Membuat Table Warna Berselang dengan PHP
Selamat datang di blog Source Code Aplikasi, masih dengan File yang kemarin, tapi sekarang ini kita akan menggunakan Framework Bootstrap dan Membangun Table Warna Berselang dengan PHP, jadi jangan lupa yang kemarin praktekin dulu yah teman teman link nya yang ini. oka seketika saja kita praktekan.
kita punya data array di bawah , yang akan kita looping.
<?php
$data = array(
array(
nama => Arif,
tempat tinggal => Pandeglang
),
array(
nama => Risman,
tempat tinggal => Bogor
),
array(
nama => Nadia,
tempat tinggal => Bogor
),
array(
nama => Hasna,
tempat tinggal => Bogor
),
array(
nama => Reza,
tempat tinggal => Depok
),
array(
nama => Edward,
tempat tinggal => Jakarta
),
);
?>
setelah itu siap kan desain bagi tabel nya, bagi lebih gampang kita akan menggunakan framework bootstrap selaku cssnya. setalah itu di pada table nya kita lakukan prulangan, sekaligus atur pun bagi pewarnaan row table datanya dimana yang nomornya ganjil akan berwarna biru dan yang nomornya genap akan berwarna kuning, scriptnya sepeti di bawah ini.
<!DOCTYPE html>
<html>
<head>
<title> Table Warna</title>
<meta charset=utf-8>
<meta http-equiv=X-UA-Compatible content=IE=edge,chrome=1>
<meta name=description content=Demo project>
<meta name=viewport content=width=device-width, initial-scale=1>
<link rel=stylesheet href=https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/css/bootstrap.min.css integrity=sha384-Zug+QiDoJOrZ5t4lssLdxGhVrurbmBWopoEl+M6BdEfwnCJZtKxi1KgxUyJq13dy crossorigin=anonymous>
</head>
<body>
<div class=container>
<div class=row>
<div class=col>
<table class=table table-hover>
<thead>
<tr>
<th>#</th>
<th>Nama</th>
<th>Domisili</th>
<th>Keterangan</th>
</tr>
</thead>
<tbody>
<?php foreach($data as $key => $value): ?>
<tr class=<?php
if($key%2 ==0) echo table-info;
elseif($key%2 ==1) echo table-warning;
?>>
<td><?php echo $key+1; ?></td>
<td><?php echo $value['nama']; ?></td>
<td><?php echo $value['alamat']; ?></td>
<td>
<button class=btn btn-success>Menej</button>
<button class=btn btn-danger>Delete</button>
</td>
</tr>
<?php endforeach; ?>
</tbody>
</table>
</div>
</div>
</div>
</body>
</html>
dan ini hasilnya teman teman.
demikian panduan Membangun Table Warna Berselang dengan PHP, terima kasih semoga bermnafaat yah teman teman.
Sumber https://kursuswebsite.org
