<!-- DataTables -->
<link rel="stylesheet" href="<?php echo base_url();?>assets/plugins/datatables-bs4/css/dataTables.bootstrap4.min.css">
<link rel="stylesheet" href="<?php echo base_url();?>assets/plugins/datatables-responsive/css/responsive.bootstrap4.min.css">
<link rel="stylesheet" href="<?php echo base_url();?>assets/plugins/datatables-buttons/css/buttons.bootstrap4.min.css">

<div id = "errmsg"></div>
<div class="card">
  <div class="card-header">
    <h3 class="card-title"></h3>
  </div>
    <table id="example3" class="table table-bordered table-hover">
      <thead>
        <tr>
            <th>Nomor Rekening</th>
            <th>Nama Rekening</th>
            <th>UserID</th>
            <th>PIN Layar</th>
            <th>PIN Token</th>
            <th>Bank</th>
            <th>Balance</th>
            <th>Useable</th>
            <th>EWalletOnly</th>
          </tr>
        </thead>
        <tbody>
          <?php for($i = 0; $i < count($rekeninglist); $i++){ ?>      
            <tr> 
                <td><?php echo $rekeninglist[$i]->nomorrekening; ?></td>
                <td><?php echo $rekeninglist[$i]->namarekening; ?></td>
                <td><?php echo $rekeninglist[$i]->userid; ?></td>
                <td><?php echo $rekeninglist[$i]->pinlayar; ?></td>
                <td><?php echo $rekeninglist[$i]->pintoken; ?></td>
                <td><?php echo $rekeninglist[$i]->bank; ?></td>
                <td><?php echo $rekeninglist[$i]->balance; ?></td>
                <td><?php echo $rekeninglist[$i]->useable; ?></td>
                <td><?php echo $rekeninglist[$i]->ewallet_only_flag; ?></td>
            </tr>
          <?php                          
            }
          ?>
        </tbody>
      </table>

</div>

<!-- DataTables  & Plugins -->
<script src="<?php echo base_url();?>assets/plugins/datatables/jquery.dataTables.min.js"></script>
<script src="<?php echo base_url();?>assets/plugins/datatables-bs4/js/dataTables.bootstrap4.min.js"></script>
<script src="<?php echo base_url();?>assets/plugins/datatables-responsive/js/dataTables.responsive.min.js"></script>
<script src="<?php echo base_url();?>assets/plugins/datatables-responsive/js/responsive.bootstrap4.min.js"></script>
<script src="<?php echo base_url();?>assets/plugins/datatables-buttons/js/dataTables.buttons.min.js"></script>
<script src="<?php echo base_url();?>assets/plugins/datatables-buttons/js/buttons.bootstrap4.min.js"></script>
<script src="<?php echo base_url();?>assets/plugins/jszip/jszip.min.js"></script>
<script src="<?php echo base_url();?>assets/plugins/pdfmake/pdfmake.min.js"></script>
<script src="<?php echo base_url();?>assets/plugins/pdfmake/vfs_fonts.js"></script>
<script src="<?php echo base_url();?>assets/plugins/datatables-buttons/js/buttons.html5.min.js"></script>
<script src="<?php echo base_url();?>assets/plugins/datatables-buttons/js/buttons.print.min.js"></script>
<script src="<?php echo base_url();?>assets/plugins/datatables-buttons/js/buttons.colVis.min.js"></script>

<script>
  $(function () {
    $('#example2').DataTable({
      "paging": false,
      "lengthChange": false,
      "searching": true,
      "ordering": true,
      "info": true,
      "autoWidth": false,
      "responsive": true,
      "order": [[2,'asc'], [5,'asc']],

    });
  });
</script>