Membuat Tabel Zebra dengan Bootstrap-PHP

Tos rada lami gak nulis di blog, iseng-iseng sebagai catatan pribadi dan mudah-mudahan bermanfaat bagi yang lain. Dalam tulisan ini saya mencoba membuat tabel zebra dengan bootstrap dan PHP dimana data tersimpan di database. untuk membuat tabel dengan menggunakan bootstrap gunakan class tabel untuk melakukan manipulasi, sedangkan warna dapat diambil dengan ketentuan class active, success, danger dan info. Untuk lebih jelas dapat dilihat disini. Silahkan ditambahkan link ke bootrsapnya ya … sbb file ini saya include ke index untuk admin.

Langkah pertama buat koneksi database, silahkan disesuaikan

<!–?php
error_reporting(0);
session_start();
include_once ‘../include/class.php’;
include_once(‘../include/excel_reader2.php’);


//instance objek db dan user
$user = new user();
$db = new database();

//connection using method
$db->konek();

//checking user login
if(!$user->get_sesi()){
header(“location:../index.php”);
}
$tabel=”ipa1″;
$no=0;

?>

Menampilkan data hasil query dari database

 

DATA KELAS XII IPA 1













No
NISN
Nomor Ujian Nasional
Nama
Hasil

<!–?php
$arraySiswa = $user->tampilSiswa($tabel);
//menampilkan data siswa
if(count($arraySiswa)){
foreach($arraySiswa as $data){
$no++;
if($no%2==1){
$latar=”danger”;
}else{
$latar=””;
}
echo ”
“;

?>


 


 


 


 


 


<!–?php
echo “

“;


}
}
?>

letak perintah yang akan menentukan warna dalam setiap baris ganjil dan genap adalah

$no++;
if($no%2==1){
$latar=”danger”;
}else{
$latar=””;
}
echo ”
“;

Mudah-mudahan bermanfaat.

Tinggalkan Balasan

Please log in using one of these methods to post your comment:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s