yop silahkan om 
[Ask] Tabel dengan Pagination dan Live Search
- Thread starter xpreborn
- Start date
- Status
xpreborn
Apprentice 1.0
Selamat sore Om,
Saya sudah coba dan berikut hasilnya :
1. Secara data sudah masuk semua ke tables dan filter,search dan pagination berfungsi dgn baik,
2. Namun ada kendala yaitu :
2.a. Nomornya tidak berurut, kira2 dimana masalahnya yach, berikut penampakan hasilnya :
Page1 :http://postimg.org/image/nymj7l2s5/
Pages2 : http://postimg.org/image/4li6t050d/
2.b. Tampilannya berdiri sendiri tidak mengikuti dari index.php sehingga tampilan menunya ga muncul dan backgroundnya putih polos,
Saya ingin tampilannya seperti ini : http://postimg.org/image/hu4o546dx/
3. Kira2 kurangnya dimn yach Om ?
4. Berikut code yg saya coba edit2 :
Saya sudah coba dan berikut hasilnya :
1. Secara data sudah masuk semua ke tables dan filter,search dan pagination berfungsi dgn baik,
2. Namun ada kendala yaitu :
2.a. Nomornya tidak berurut, kira2 dimana masalahnya yach, berikut penampakan hasilnya :
Page1 :http://postimg.org/image/nymj7l2s5/
Pages2 : http://postimg.org/image/4li6t050d/
2.b. Tampilannya berdiri sendiri tidak mengikuti dari index.php sehingga tampilan menunya ga muncul dan backgroundnya putih polos,
Saya ingin tampilannya seperti ini : http://postimg.org/image/hu4o546dx/
3. Kira2 kurangnya dimn yach Om ?
4. Berikut code yg saya coba edit2 :
Code:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>TESTING | Data Tables</title>
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
</head>
<body>
<table id="example1" class="table table-bordered table-striped">
<thead>
<tr>
<th>No</th>
<th>IP Adress</th>
<th>AP Name</th>
<th>Group Name</th>
<th>Location</th>
<th>Comment</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<?php
include("koneksi.php");
$query = "select * from listip order by groupname, apname";
$result = mysqli_query($mysqlId, $query);
$no = 0;
while( list($id, $ipaddr, $apname, $groupname, $location, $comment) = mysqli_fetch_row($result) ) {
$no++;
$bg = $no%2 ? "bgcolor=#fefefe" : "bgcolor=#dfd";
echo "<tr $bg><td align=right> $no </td>
<td> $ipaddr </td>
<td> $apname </td>
<td> $groupname </td>
<td> $location </td>
<td> $comment </td>
<td><align=center>
<a href='showjoint.php?ipaddr=$ipaddr'>Show</a>
<a href='chpwpa1.php?ipaddr=$ipaddr'>Key</a>
<a href='reboot.php?ipaddr=$ipaddr'>Reboot</a>
</td>
</tr>\n";
}
mysqli_free_result($result);
?>
</tbody>
</table>
</div>
<script src="plugins/jQuery/jQuery-2.1.4.min.js"></script>
<script src="plugins/datatables/jquery.dataTables.min.js"></script>
<script src="plugins/datatables/dataTables.bootstrap.min.js"></script>
<!-- page script -->
<script>
$(function () {
$("#example1").DataTable();
$('#example2').DataTable({
"paging": true,
"lengthChange": false,
"searching": false,
"ordering": true,
"info": true,
"autoWidth": false
});
});
</script>
</body>
</html>xpreborn
Apprentice 1.0
Update :
Untuk masalah point ini sudah clear ternyata hanya masalah dibackgroundnya saja
2.b. Tampilannya berdiri sendiri tidak mengikuti dari index.php sehingga tampilan menunya ga muncul dan backgroundnya putih polos,
Saya ingin tampilannya seperti ini : http://postimg.org/image/hu4o546dx/
Untuk yg ini belum saya dapat solusinya, kira2 apa yg kurang yach Om ?
2. Namun ada kendala yaitu :
2.a. Nomornya tidak berurut, kira2 dimana masalahnya yach, berikut penampakan hasilnya :
Page1 :http://postimg.org/image/nymj7l2s5/
Pages2 : http://postimg.org/image/4li6t050d/
Untuk masalah point ini sudah clear ternyata hanya masalah dibackgroundnya saja
2.b. Tampilannya berdiri sendiri tidak mengikuti dari index.php sehingga tampilan menunya ga muncul dan backgroundnya putih polos,
Saya ingin tampilannya seperti ini : http://postimg.org/image/hu4o546dx/
Untuk yg ini belum saya dapat solusinya, kira2 apa yg kurang yach Om ?
2. Namun ada kendala yaitu :
2.a. Nomornya tidak berurut, kira2 dimana masalahnya yach, berikut penampakan hasilnya :
Page1 :http://postimg.org/image/nymj7l2s5/
Pages2 : http://postimg.org/image/4li6t050d/
xpreborn
Apprentice 1.0
Harusnya sich sdh order by om
Code:
$query = "select * from listip order by groupname, apname";xpreborn
Apprentice 1.0
Kira2 benar ga yach di file ini ada penyebab nomor nga berurut atau mungkin ada bentrok:
karena ketika filenya saya hilangkan nomornya berurut tp fungsi filter search dan paginationya ga ada, berarti secara penomoran sdh bnr
Code:
<script src="plugins/datatables/jquery.dataTables.min.js"></script>xpreborn
Apprentice 1.0
Solved, masalanya dibaris ini saja ternyata :
<td align=right> $no </td>
Karena saya ada kasih spasi, jd hapus spasi sudah normal,
Penjelasan sumber : http://datatables.net/forums/discussion/367/bug-sort-number-column-and-stype
Terimakasih banyak atas Om2 yang telah memberi bantuan
<td align=right> $no </td>
Karena saya ada kasih spasi, jd hapus spasi sudah normal,
Penjelasan sumber : http://datatables.net/forums/discussion/367/bug-sort-number-column-and-stype
Terimakasih banyak atas Om2 yang telah memberi bantuan
fix ya, woke mantep, maaf ga bisa bantu, belakangan lagi berantem sama akun nakal 
mas.satriyo
Hosting Guru
- Status