phone_group.php

<!-- Content Header (Page header) -->
<section class="content-header">
  <h1>
    Phonebook Group
    <small>Advanced phone group</small>
  </h1>
  <ol class="breadcrumb">
    <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
    <li class="active">Phonebook Group</li>
  </ol>
</section>
<!-- Main content -->
<section class="content">
  <div class="row">
    <div class="col-lg-12">
      <div class="box box-solid">
          <div class="box-header with-border">
              <a href="#" class="btn btn-success btn-sm btn-flat"><i class="fa fa-user-plus"></i> Add Phonebook Group</a>
              <a href="<?php echo site_url('phone_group/phone_group');?>" class="btn btn-warning btn-sm btn-flat"><i class="fa fa-refresh"></i> Refresh</a>
          </div>
              <div class="box-body">
                <div class="table-responsive">
                <table id="phone_group" class="table table-striped table-bordered table-hover" width="100%" cellspacing="0">
                  <thead>
                    <tr>
                      <td><b>No</b></td>
                      <td><b>Phonebook Group Name</b></td>
                      <td class="col-md-4"><b>Action</b></td>
                    <tr>
                  </thead>
                  <?php
                  $no=1;
                      foreach ($phone_group as $data):
                  ?>
                  <tbody>
                      <tr>
                        <td><?php echo $no++;?></td>
                        <td ><?php echo "$data->Name"; ?></td>
                        <td class="col-md-4"></td>
                      </tr>
                  </tbody>
                <?php
                  endforeach;
                 ?>
                </table>
              </div>
              </div>
              <!-- /.box-body -->
            </div>
            <!-- /.box -->
         </div>
       </div>
</section>
<!-- /.content -->
<script>
$(document).ready(function() {
  $('#phone_group').DataTable();
} );
</script>