私は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'] = '< Prev';
$config['prev_tag_open'] = '<li>';
$config['prev_tag_close'] = '</li>';
$config['next_link'] = 'Next >';
$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();
そして私はこれを思いついた
私はここで何かが欠けていますか?
ここに私のものがあり、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
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() ?>
これらのタグは問題を引き起こしていました。以下のように置き換えてください
これを交換してください
$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>';
以下のパラメーターを変更するだけです。
$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>';
代わりに標準ラベルを再定義して矢印を使用すると便利です。
$config['first_link'] = "<span aria-hidden=\"true\">«</span>";
$config['last_link'] = "<span aria-hidden=\"true\">»</span>";
prev_link
およびnext_link
をカスタマイズすることもできます