[ASK] Twitter BootStrap + DataTables untuk Sort,Search, dan Pagination

Beranda
Komunitas
Tech
Programmer Forum
[ASK] Twitter BootStrap + DataTables untuk Sort,Search, dan Pagination

MrSexy

26-11-2012 14:20

[ASK] Twitter BootStrap + DataTables untuk Sort,Search, dan Pagination

Oke to the point aja..Untuk PROgrammer disini saya butuh bantuan penjelasan atau contoh tentang penggunaan DataTables di Twitter bootstrap untuk Search, Sorting, dan Pagination..
ini Program saya
[ASK] Twitter BootStrap + DataTables untuk Sort,Search, dan Pagination

Saya udah baca Di DataTables cuman gk ngerti emoticon-Frown

jadi saya mau minta bantuan disini untuk dibantu dijelaskan atau diberikan contoh simpel DataTables TwitterBootstrap. agar bisa kayak gini
DataTables For TwitterBootstrap
[ASK] Twitter BootStrap + DataTables untuk Sort,Search, dan Pagination

Ini Kodingan saya

Code:





<!DOCTYPE html>

<html lang="en">

<head>

 <title>Customer</title>

 <!-- BootStrap -->

 <link href="<? echo base_url('bootstrap/css/bootstrap.min.css');?>" rel="stylesheet" media="screen">

 <link href="<? echo base_url('bootstrap/assets/css/bootstrap-responsive.css');?>" rel="stylesheet">

< script src="<? echo base_url('DataTables/media/js/jquery.js');?>">

[removed]

[removed][removed]

 </head> 

<body>

 <div class="row-fluid">

 <img width="80px" height="80px" src="<? echo base_url(" class="img-circle pull-left">

 <div class="page-header">

 <h1>Customer Management System <small>v1</small></h1>

 </div>

 <div class="span8">

 <legend>Customer List</legend>

 

 

 <table id="example" cellpadding="0" cellspacing="0" border="0" class="table table-bordered table-hover">

 

 <thead>

 <th>#</th>

 <th>Name</th>

 <th>Phone No.</th>

 <th>Address</th>

 <th>Etc</th>

 <th></th>

 </thead>

 <tbody>

 <?php

 $i=0;

 foreach ($data_customer->result_array() as $row) {

 # code...

 $i++;

 echo "<tr>";

 echo "<td>". $i ."</td>";

 echo "<td>". $row['Name'] ."</td>";

 echo "<td>". $row['Phone_No'] ."</td>";

 echo "<td>". $row['Address'] ."</td>";

 echo "<td>". $row['Etc'] ."</td>";

 echo "<td>..</td>";

 echo "<td> <a href='user.html'><i class='icon-pencil'></i></a><i class='icon-remove'></i></td>";

 echo "</tr>";

 }

 ?>

 

 <tbody> 

 </table>

 </div><!--Span12-->

 </div><!-- Fluid Row-->

</table>

</body>

</html>

Diubah oleh MrSexy 26-11-2012 14:18

nona212 memberi reputasi

9.3K

Kutip

Balasan

Komentar yang asik ya

Urutan

Terbaru

Terlama

Komentar yang asik ya

Komunitas Pilihan