您做得很好，但沒有在自定義分頁中添加 html 標簽。只需在當前代碼之間添加一些行。
function category($rowno=0)
{
$rootCatId = $this->input->get('rootCatId');
$subCatId = $this->input->get('subCatId');
$rowno = $this->input->get('per_page');
$data=array();
if($rootCatId > 0 && $subCatId== 0){
$rowperpage = 12;
if($rowno != 0){
$rowno = ($rowno-1) * $rowperpage;
}
$search_text = "";
if($this->input->post('submit') != NULL ){
$search_text = $this->input->post('search');
$this->session->set_userdata(array("search"=>$search_text));
}else{
if($this->session->userdata('search_product') != NULL){
$search_text = $this->session->userdata('search_product');
}
}
$rowperpage = 12;
if($rowno != 0){
$rowno = ($rowno-1) * $rowperpage;
}
$allcount = $this->product->getrecordCount($search_text);
$users_record = $this->product->fetchAllProductByMainCat($rootCatId,$rowno,$rowperpage,$search_text);
$config['base_url'] = base_url().'category';
$config['uri_segment'] = 3;
$config['reuse_query_string'] = TRUE;
$config['enable_query_strings'] = TRUE;
$config['page_query_string'] = TRUE;
$config['use_page_numbers'] = TRUE;
$config['total_rows'] = $allcount;
$config['per_page'] = $rowperpage;
$config['cur_tag_open'] = ' <a class="page-link">';
$config['cur_tag_close'] = '</a>';
$config['next_link'] = 'Next';
$config['prev_link'] = 'Previous';
//This segment is used for the design (looks) start here
$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);
//This segment is used for the design (looks) end here
// Initialize
$this->pagination->initialize($config);
$data['pagination'] = $this->pagination->create_links();
$data['viewAll'] = $users_record;
$data['row'] = $rowno;
$data['search'] = $search_text;
}elseif($rootCatId > 0 && $subCatId !==0 && $subCatId > 0){
$rowperpage = 12;
if($rowno != 0){
$rowno = ($rowno-1) * $rowperpage;
}
$search_text = "";
if($this->input->post('submit') != NULL ){
$search_text = $this->input->post('search');
$this->session->set_userdata(array("search"=>$search_text));
}else{
if($this->session->userdata('search_product') != NULL){
$search_text = $this->session->userdata('search_product');
}
}
$allcount = $this->product->getrecordCount($search_text);
$users_record = $this->product->fetchProductByCat($rootCatId,$subCatId,$rowno,$rowperpage,$search_text);
$config['base_url'] = base_url().'category';
$config['reuse_query_string'] = TRUE;
$config['enable_query_strings']=TRUE;
$config['page_query_string'] = TRUE;
$config['use_page_numbers'] = TRUE;
$config['total_rows'] = $allcount;
$config['per_page'] = $rowperpage;
$config['cur_tag_open'] = ' <a class="page-link">';
$config['cur_tag_close'] = '</a>';
$config['next_link'] = 'Next';
$config['prev_link'] = 'Previous';
//This segment is used for the design (looks) start here
$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);
//This segment is used for the design (looks) end here
$data['pagination'] = $this->pagination->create_links();
$data['viewAll'] = $users_record;
$data['row'] = $rowno;
$data['search'] = $search_text;
}
$data['get_website_content'] = $this->pg_model->get_website_content();
$data['BannerImage'] = $this->product->fetchBannerImage($rootCatId);
$data['MainName'] = $this->product->NameByMainCat($rootCatId);
$data['SubName'] = $this->product->NameBySubCat($subCatId);
$data['product_list_commercial'] = $this->pg_model->product_list_commercial();
$this->load->view('template/header',$data);
$this->load->view('category');
$this->load->view('template/footer');
}
在此之后，您可以根據(jù)添加的類屬性添加自定義 css，包括在 html 上。
