<table class="table no-margin table-hover">
                      <thead>
                        <tr class="label-info labelinfo1">
                          <!-- <th class="text-center"><input type="checkbox" name="delivery_radio" class="minimal" id="zip_click"></th> -->
                          <th class="text-center">Sl No</th>
                          <th class="text-center">
                            Zipcode
                            <span class="shorting-action">
                              <i class="fa fa-sort-asc" aria-hidden="true" onclick="getData('0','19')"></i>
                              <i class="fa fa-sort-desc" aria-hidden="true" onclick="getData('0','91')"></i>
                            </span>
                          </th>
                          <th class="text-center">
                            State Code
                            <span class="shorting-action">
                              <i class="fa fa-sort-asc" aria-hidden="true" onclick="getData('0','12')"></i>
                              <i class="fa fa-sort-desc" aria-hidden="true" onclick="getData('0','21')"></i>
                            </span>
                          </th>
                          <th class="text-center">
                            Area Name
                            <span class="shorting-action">
                              <i class="fa fa-sort-asc" aria-hidden="true" onclick="getData('0','57')"></i>
                              <i class="fa fa-sort-desc" aria-hidden="true" onclick="getData('0','75')"></i>
                            </span>
                          </th>
                          
                          <th class="text-center">Added Date</th>
                          <th class="text-center">
                            Status
                            <span class="shorting-action">
                              <i class="fa fa-sort-asc" aria-hidden="true" onclick="getData('0','14')"></i>
                              <i class="fa fa-sort-desc" aria-hidden="true" onclick="getData('0','41')"></i>
                            </span>
                          </th>
                          <th class="text-center">Action</th>
                        </tr>
                      </thead>
                      <tbody id="custom-table">
                      <?php
                        if (is_array($ZipcodeList) && count($ZipcodeList) > 0) {
                          foreach ($ZipcodeList as $key => $value) {
                      ?>
                        <tr id="<?=$value['zipcode_id']?>_row">
                        	<?php
                            if (isset($perPageCount) && $perPageCount != '') {
                          ?>
                          <td class="text-center paddingtop16"><?=$perPageCount+1?></td>
                          <?php
                              $perPageCount++;
                            }
                            else {
                          ?>
                          <td class="text-center paddingtop16"><?=$key+1?></td>
                          <?php
                            }
                          ?>
                          <td class="text-center paddingtop16"><?=$value['zipcode']?></td>
                          <td class="text-center paddingtop16"><?=$value['statecode']?></td>
                          <td class="text-center paddingtop16"><?=$value['areaname']?></td>

                          <td class="text-center paddingtop16"><?=date("M j, Y", strtotime($value['addeddate']));?></td>
                          <td class="text-center paddingtop10">
                              <div class="btn-group btn-group-circle">
                                <button onclick="ChangeActiveInactive('rt_zipcode','1','<?=$value['zipcode_id']?>', this);" type="button" class="newsolidbtn1 btn btn-outline green btn-sm <?=$value['zipcode_status']=='1'?'active':''?>">Active</button>
                              <button onclick="ChangeActiveInactive('rt_zipcode','0','<?=$value['zipcode_id']?>', this);" type="button" class="newsolidbtn1 btn btn-outline red btn-sm <?=$value['zipcode_status']=='0'?'active':''?>">Inactive</button>
                              </div>
                          </td>
                          <td class="text-center paddingtop10">
                              <span onclick="editZipcode('<?=$value['zipcode_id']?>', '<?=$value['statecode']?>', '<?=$value['cityid']?>', '<?=$value['zipcode']?>', '<?=$value['areaname']?>')" class="newsolidbtn1 btn btn-outline green btn-sm opo addressEdit opened btn-circle" onclick=""><i class="fa fa-pencil" aria-hidden="true"></i> Edit</span>
                            <span onclick="DeleteNow('rt_zipcode','<?=$value['zipcode_id']?>');" class="newsolidbtn1 btn btn-outline red btn-sm opo btn-circle"><i class="fa fa-trash-o" aria-hidden="true"></i> Delete</span>
                          </td>
                        </tr>
                        <?php
                          }
                        }
                        ?>
                      </tbody>
                    </table>
                    <div class="col-md-6 margintop20 margintop14 pull-right">
                      <?php echo $this->ajax_pagination->create_links(); ?>
                    </div>
                    <script type="text/javascript">
                      $(function() {
                        $('.counter').counterUp({
                          delay: 10,
                          separator: ',',
                          decimal: '.',
                          prefix: '',
                          suffix: '',
                          time: 1000
                        });
                        $('input[type="checkbox"].minimal, input[type="radio"].minimal').iCheck({
                          checkboxClass: 'icheckbox_minimal-blue',
                          radioClass: 'iradio_minimal-blue'
                        });
                        $('.select2').select2();
                      });
                    </script>