web-dev-qa-db-fra.com

bootstrap 3 pagination avec codeigniter

Je n'arrive pas à intégrer le bootstrap 3 dans ma pagination, j'utilise codeigniter dans mon système, voici mon code jusqu'à présent

$config['base_url'] = base_url()."/merchant/?";
    $config['total_rows'] = $count_result; // Count total rows in the query
    $config['full_tag_open'] = '<div class="pagination pagination-small pagination-centered"><ul>';
    $config['full_tag_close'] = '</ul></div>';
    $config['per_page'] = $limit;
    $config['num_links'] = 5;
    $config['page_query_string'] = TRUE;
    $config['prev_link'] = '&lt; Prev';
    $config['prev_tag_open'] = '<li>';
    $config['prev_tag_close'] = '</li>';
    $config['next_link'] = 'Next &gt;';
    $config['next_tag_open'] = '<li>';
    $config['next_tag_close'] = '</li>';
    $config['cur_tag_open'] = '<li class="active"><a href="#">';
    $config['cur_tag_close'] = '</a></li>';
    $config['num_tag_open'] = '<li>';
    $config['num_tag_close'] = '</li>';
    $config['first_link'] = FALSE;
    $config['last_link'] = FALSE;
    $this->pagination->initialize($config); 

    $this->data['links'] =  $this->pagination->create_links();

et je suis venu avec cette

est-ce que j'ai râté quelque chose? 

enter image description here

phpcodeignitertwitter-bootstrappaginationtwitter-bootstrap-3
16
CaffeineShots

Voici Mine et ça marche avec Bootstrap 3

<?php if(!defined('BASEPATH')) exit('Direct Access Not Allowed');

/* This Application Must Be Used With BootStrap 3 *  */
$config['full_tag_open'] = "<ul class='pagination'>";
$config['full_tag_close'] ="</ul>";
$config['num_tag_open'] = '<li>';
$config['num_tag_close'] = '</li>';
$config['cur_tag_open'] = "<li class='disabled'><li class='active'><a href='#'>";
$config['cur_tag_close'] = "<span class='sr-only'></span></a></li>";
$config['next_tag_open'] = "<li>";
$config['next_tagl_close'] = "</li>";
$config['prev_tag_open'] = "<li>";
$config['prev_tagl_close'] = "</li>";
$config['first_tag_open'] = "<li>";
$config['first_tagl_close'] = "</li>";
$config['last_tag_open'] = "<li>";
$config['last_tagl_close'] = "</li>";

// end of file Pagination.php 
// Location config/pagination.php 
// By @emanisof
57
emanisof
1) Controlller       

        $this->load->library('pagination');
        $config = [
            'base_url' => base_url('admin/deactiveUser'),
            'per_page' => 10,
            'total_rows' => $this->AdminModel->num_rows(),
        ];

        $config['full_tag_open'] = '<ul class="pagination">';
        $config['full_tag_close'] = '</ul>';
        $config['num_tag_open'] = '<li class="page-item">';
        $config['num_tag_close'] = '</li>';
        $config['cur_tag_open'] = '<li class="page-item active"><a class="page-link" href="#">';
        $config['cur_tag_close'] = '</a></li>';
        $config['next_tag_open'] = '<li class="page-item">';
        $config['next_tagl_close'] = '</a></li>';
        $config['prev_tag_open'] = '<li class="page-item">';
        $config['prev_tagl_close'] = '</li>';
        $config['first_tag_open'] = '<li class="page-item disabled">';
        $config['first_tagl_close'] = '</li>';
        $config['last_tag_open'] = '<li class="page-item">';
        $config['last_tagl_close'] = '</a></li>';
        $config['attributes'] = array('class' => 'page-link');
        $this->pagination->initialize($config); // model function
        $seeker = $this->AdminModel->seekerlist($config['per_page'], $this->uri->segment(3)); // list of seeker

2)Model
public function seekerlist($limit,$offset) {
        $query = $this->db->select('*')
                ->from('user')
                ->limit($limit,$offset)
                ->get();

        return $query->result_array();
    }


    public function num_rows()
    {
        $query = $this->db->select('*')
                ->from('user')                
                ->get();

        return $query->num_rows();
    }



3)View

<tbody>
                                <?php foreach ($seeker as $seekerData): ?>


                                    <tr>
                                        <td class="checkbox-column">
                                            <img width="30" height="30" src="<?= base_url("uploads/{$seekerData['picpath']}"); ?>"/>
                                        </td>
                                        <td><?php echo ucfirst($seekerData['firstName']) . ' ' . ucfirst($seekerData['lastName']); ?></td>
                                        <td><?php echo $seekerData['currentJobTitle']; ?></td>
                                        <td><?php echo $seekerData['email']; ?></td>
                                        <td><?php echo $seekerData['mobileNum']; ?></td>
                                        <td><?php echo $seekerData['nationality']; ?></td>
                                        <td><span class="label label-danger">Deactive</span></td>
                                    </tr>


                                <?php endforeach; ?> 


                            </tbody>

                        </table>

                            <?= $this->pagination->create_links() ?>
3
Mohammad Fakhruddin

Vos ces tags créaient un problème, remplacez-les comme ci-dessous

Remplacer ce

$config['full_tag_open'] = '<div class="pagination pagination-small pagination-centered"><ul>';
$config['full_tag_close'] = '</ul></div>';

Avec eux

$config['full_tag_open'] = "<ul class='pagination'>";
$config['full_tag_close'] = '</ul>';
0
Ashwani Garg

Il suffit de changer les paramètres ci-dessous: - 

$config['full_tag_open'] = '<div class="pagination pagination-small pagination-centered"><ul>';
$config['full_tag_close'] = '</ul></div>';

Remplacez-le par: -  

$config['full_tag_open'] = '<div><ul class="pagination pagination-small pagination-centered">';
$config['full_tag_close'] = '</ul></div>';
0
user1204987

Je trouve utile de redéfinir l'étiquette standard pour avoir des flèches à la place:

$config['first_link'] = "<span aria-hidden=\"true\">&laquo;</span>";
$config['last_link'] = "<span aria-hidden=\"true\">&raquo;</span>";

Il est également possible de personnaliser prev_link et next_link

0
jeromes