bootstrap 3与codeigniter分页

Question

我无法在我的分页中集成bootstrap 3，我在我的系统中使用codeigniter，这是我的代码到目前为止

$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();

我想出了这个

我在这里错过了什么吗？

Answer 1

这是我的，它使用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 

Answer 2

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() ?>

Answer 3

只需更改以下参数： -

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

将其替换为： -

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

Answer 4

我觉得有用的是重新定义标准标签而不是箭头：

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

还可以自定义prev_link和next_link

Answer 5

您的这些标签产生了问题，请将其替换为如下所示

替换此

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

与他们一起

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