Membuat Tabel Data dengan CodeIgniter dan Bootstrap - Pada kesempatan kali in saya akan berbagi script untuk membuat tabel dengan CodeIgniter dan Bootstrap. Script dibwah ini merupakan lanjutan atau dasarnya berasal dari tutorial:
Gunakanlah script dibawah ini dan kembangkan sesuai dengan kreatifitas masing-masing.
Script v_karyawan.php Data Karyawan
<html>
<head>
<title>www.syamadav.com|Data Karyawan</title>
<link type="text/css" rel="stylesheet" href="<? echo base_url(); ?>includes/css/bootstrap.css" />
</head>
<!--author : www.syamadav.com-->
<body>
<div class="row uppermost">
<div class="col-md-offset-1 col-md-10 boxing content-title"><center><h2>TABEL KARYAWAN</h2></center></div>
</div>
//button
<a href="<? print $this->config->base_url() . 'karyawan/add' ?> " type="button" class="btn btn-primary" >Tambah data</a>
<div class="table-responsive lowermost">
//template table
<table class="table table-striped">
<thead>
<tr>
<th>No</th>
<th>Nama</th>
<th>Aamat</th>
<th>NO. Telepon</th>
<th>Email</th>
<th>Jenis Kelamin</th>
<th>Agama</th>
<th>Tempat/Tanggal Lahir</th>
<th>Aksi<th>
</tr>
</thead>
<?php
$no =1;
foreach ($k as $karyawan) {
print "<tr>";
print "<td>";
print $no;
print "<td>";
print $karyawan->nama;
print "<td>";
print $karyawan->alamat;
print "<td>";
print $karyawan->notelp;
print "<td>";
print $karyawan->email;
print "<td>";
print $karyawan->jnskelamin;
print "<td>";
print $karyawan->agama;
print "<td>";
print $karyawan->tmplahir . "/" . $karyawan->tgllahir;
print "<td>";
print "<a type= 'button' class = 'btn btn-xs btn-warning' href=" . $this->config->base_url() . 'karyawan/edit/' . $karyawan->idkaryawan . " >update</a>
<a type= 'button' class = 'btn btn-xs btn-danger' href=" . $this->config->base_url() . 'karyawan/delete/' . $karyawan->idkaryawan . ">delete</a>";
print "</td>";
$no++;
}
?>
</table>
</div>
</body>
</html>
<head>
<title>www.syamadav.com|Data Karyawan</title>
<link type="text/css" rel="stylesheet" href="<? echo base_url(); ?>includes/css/bootstrap.css" />
</head>
<!--author : www.syamadav.com-->
<body>
<div class="row uppermost">
<div class="col-md-offset-1 col-md-10 boxing content-title"><center><h2>TABEL KARYAWAN</h2></center></div>
</div>
//button
<a href="<? print $this->config->base_url() . 'karyawan/add' ?> " type="button" class="btn btn-primary" >Tambah data</a>
<div class="table-responsive lowermost">
//template table
<table class="table table-striped">
<thead>
<tr>
<th>No</th>
<th>Nama</th>
<th>Aamat</th>
<th>NO. Telepon</th>
<th>Email</th>
<th>Jenis Kelamin</th>
<th>Agama</th>
<th>Tempat/Tanggal Lahir</th>
<th>Aksi<th>
</tr>
</thead>
<?php
$no =1;
foreach ($k as $karyawan) {
print "<tr>";
print "<td>";
print $no;
print "<td>";
print $karyawan->nama;
print "<td>";
print $karyawan->alamat;
print "<td>";
print $karyawan->notelp;
print "<td>";
print $karyawan->email;
print "<td>";
print $karyawan->jnskelamin;
print "<td>";
print $karyawan->agama;
print "<td>";
print $karyawan->tmplahir . "/" . $karyawan->tgllahir;
print "<td>";
print "<a type= 'button' class = 'btn btn-xs btn-warning' href=" . $this->config->base_url() . 'karyawan/edit/' . $karyawan->idkaryawan . " >update</a>
<a type= 'button' class = 'btn btn-xs btn-danger' href=" . $this->config->base_url() . 'karyawan/delete/' . $karyawan->idkaryawan . ">delete</a>";
print "</td>";
$no++;
}
?>
</table>
</div>
</body>
</html>
Cukup sekian postingan kali ini, semoga bermanfaat dan terima kasih.
kalo dibikin class berdasarkan data dari database bisa ga gan?
bangsat
Posting Komentar