v_user.php

<div class="content-wrapper" >
<section class="content-header">
  <h1>
    Dashboard
    <small>Control panel</small>
  </h1>
  <ol class="breadcrumb">
    <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
    <li class="active">Dashboard</li>
  </ol>
</section>
<section class="content">
  <div class="row">
    <section class="col-lg-12 connectedSortable">
        <table class="table table-striped table-bordered data display nowrap" id="data">
        <h2> DATA USER </h2>
        <a href="<?php echo base_url(). 'user/tambah/';?>">
        <button class="btn btn-warning">Tambah user</button></a>
        <hr>
        <thead>
        <tr>
            <th>No</th>
            <th>NAMA </th>
            <th>EMAIL </th>
            <th>PASSWORD </th>
            <th>AKSI</th>
        </tr>
        </thead>
        <tbody>
        <?php
        $no = 1;
        foreach($user as $s){
        ?>
        <tr>
            <td><?php echo $no++ ?></td>
            <td><?php echo $s->nama ?></td>
            <td><?php echo $s->email ?></td>
            <td><?php echo $s->password ?></td>
            <td><?php echo $s->no_telp ?></td>
            <td>
            <a href="<?php echo base_url(). 'user/edit/'.$s->id; ?>">
            <button class="btn btn-primary">Edit</button></a>
            <a href="<?php echo base_url(). 'user/hapus/'.$s->id; ?>">
            <button class="btn btn-danger">Hapus</button></a>
            </td>
        </tr>
        <?php } ?>
        </tbody>
    </table>
    </section>
  </div>
</section>
</div>

<script type="text/javascript">
    jQuery.noConflict();
    jQuery(document).ready(function($){
      $('.data').DataTable(
        {
          "scrollX": true
        }
      );

    });
  </script>