<link rel="stylesheet" type="text/css" href="<?php echo base_url()?>asset/css/jquery.dataTables.css">
<div class="col-sm-10" id="contents">
  <h3>Order</h3>
  <hr>
  <div class="col-sm-10">
	<table class="table" id="tbl">
	  <thead><tr>
		<td>Nama</td>
		<td>Kota/Kab</td>
		<td>Provinsi</td>
		<td>Jumlah Barang</td>
		<td>Total Harga</td>
		<td>Tanggal</td>
		<td>Status</td>
		<td>Action</td>
	  </tr></thead>
	  <tbody>
		<?php foreach($table as $tb) {?>
		<tr>
		  <td><?php echo $tb['nama']; ?></td>
		  <td><?php echo $tb['kota_kab']; ?></td>
		  <td><?php echo $tb['provinsi']; ?></td>
		  <td><?php echo $tb['jumlah']; ?></td>
		  <td><?php echo $tb['total_harga'] ?></td>
		  <td><?php echo $tb['tgl'] ?></td>
		  <td><?php echo $tb['status'] ?></td>
		  <td>
		    <a href="<?php echo site_url("su/order/order_view/".$tb['id'])?>">View</a> 
		    Delete
		  </td>
		  </tr>
		<?php } ?>
	  </tbody>
	</table>
  </div>
</div>
<script src="<?php echo base_url()?>asset/js/jquery.dataTables.js"></script>
<script>
$(document).ready(function(){
    $('#tbl').DataTable({
		"pageLength": 5,
		"lengthMenu": [ 5, 10, 25, 50, 75, 100 ],
		"processing": true
	});
});
</script>