Я новичок в codeigniter и хочу добавить нумерацию страниц в моей таблице данных с помощью ajax

Question

В настоящее время я использую динамическую таблицу данных начальной загрузки 4 и хочу добавить нумерацию страниц в моей таблице

Просмотр:

<form role="form">
        <div class="card-body">
          <div class="row"> 

            <table id="example1" class="table table-bordered table-striped table-sm" >
                <thead>
                <tr>
                  <th>Bilty Id</th>
                  <th>LR No</th>
                  <th>Consignor Name</th>
                  <th>Consignor Gst No</th>
                </tr>

                </thead>
                <tbody>
                  <?php foreach($bilties as $bilty){?>
                <tr>
                  <td><?php echo $bilty->id;?></td>
                  <td><?php echo $bilty->lr_no;?></td>
                  <td><?php echo $bilty->consignor;?></td>
                  <td><?php echo $bilty->consignor_gst_no;?></td>
                  </tr>
                <?php }?>
                </tbody>
              </table>
        </div>
  </div>
</form>

контроллер:

public function viewBilty(){
        $this->load->view('template/header');
        $this->load->view('template/sidebar');
        $data= array();

        $this->data['bilties'] = $this->biltyModel->viewBilty();

        $this->load->view('booking/bilty/viewbilty',$this->data);         
        $this->load->view('template/footer');
     }

модель:

public function viewEnableBilty($userid){
            $this->db->select('*');
            $this->db->from('bilty');
            $this->db->where('b.status', 'active');

            $query = $this->db->get();
            return $query->result();
         }

Это мой контроллер представления модели. У меня есть таблица динамических данных, и я хочу добавить нумерацию страниц для этой таблицы

Answer 1

ДОБАВИТЬ скрипт

https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.css https://cdn.datatables.net/1.10.19/css/dataTables.bootstrap4.min.css

<script>
    $(document).ready(function() {
        $('#example1').DataTable();
    } );
</script>

в вашем HTML