Selamat datang di blog dumet school, masih dengan File yang kemarin, tapi sekarang kita akan menggunakan Framework Bootstrap dan Membuat Table Warna Berselang dengan PHP, jadi jangan lupa yang kemarin praktekin dulu yah teman teman link nya yang ini. oka langsung saja kita praktekan.
kita punya data array di bawah , yang akan kita looping.
<?php $data = array( array( "nama" => "Arif", "alamat" => "Pandeglang" ), array( "nama" => "Risman", "alamat" => "Bogor" ), array( "nama" => "Nadia", "alamat" => "Bogor" ), array( "nama" => "Hasna", "alamat" => "Bogor" ), array( "nama" => "Reza", "alamat" => "Depok" ), array( "nama" => "Edward", "alamat" => "Jakarta" ), ); ?>
setelah itu siap kan desain untuk tabel nya, untuk lebih mudah kita akan menggunakan framework bootstrap sebagai cssnya. setalah itu di dalam table nya kita lakukan prulangan, sekaligus atur juga untuk 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>Alamat</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">Edit</button> <button class="btn btn-danger">Delete</button> </td> </tr> <?php endforeach; ?> </tbody> </table> </div> </div> </div> </body> </html>
dan ini hasilnya teman teman.
sekian tutorial Membuat Table Warna Berselang dengan PHP, terima kasih semoga bermnafaat yah teman teman.
The post Membuat Table Warna Berselang dengan PHP appeared first on Kursus Website Terbaik.