使用 Material Design Bootstrap 进行 Codeigniter 分页答案

【问题标题】：Codeigniter Pagination with Material Design Bootstrap使用 Material Design Bootstrap 进行 Codeigniter 分页
【发布时间】：2019-11-12 00:35:15
【问题描述】：

我正在尝试将 MDB 分页与 Codeigniter 的分页库一起使用。

我对分页配置感到困惑，因为我没有得到想要的结果。

$perpage = 4;
$config['base_url'] = '/codeigniter/holiday/holidays';
$config['total_rows'] =  count($holidays);
$config['per_page'] = $perpage;
$config['uri_segment'] = 3;
$config['num_links'] = 3;
$config['full_tag_open'] = '<ul class="pagination pagination-circle pg-blue">';
$config['full_tag_close'] = '</ul>';
$config['first_link'] = '<li class="page-item "><a class="page-link">First</a></li>';
$config['first_tag_open'] = '<li class="page-item">';
$config['first_tag_close'] = '</li>';
$config['last_link'] = 'Last';
$config['last_tag_open'] = '<li class="page-item">';
$config['last_tag_close'] = '</li>';
$config['next_link'] = '&gt;';
$config['next_tag_open'] = '<li class="page-item">';
$config['next_tag_close'] = '</li>';
$config['prev_link'] = '&lt;';
$config['prev_tag_open'] = '<li class="page-item">';
$config['prev_tag_close'] = '</li>';
$config['cur_tag_open'] = '<b>';
$config['cur_tag_close'] = '</b>';

$this->pagination->initialize($config);

工作的 HTML 是这样的：

<nav aria-label="Page navigation example">
  <ul class="pagination pagination-circle pg-blue">
    <li class="page-item disabled"><a class="page-link">First</a></li>
    <li class="page-item disabled">
      <a class="page-link" aria-label="Previous">
        <span aria-hidden="true">&laquo;</span>
        <span class="sr-only">Previous</span>
      </a>
    </li>
    <li class="page-item active"><a class="page-link">1</a></li>
    <li class="page-item"><a class="page-link">2</a></li>
    <li class="page-item"><a class="page-link">3</a></li>
    <li class="page-item"><a class="page-link">4</a></li>
    <li class="page-item"><a class="page-link">5</a></li>
    <li class="page-item">
      <a class="page-link" aria-label="Next">
        <span aria-hidden="true">&raquo;</span>
        <span class="sr-only">Next</span>
      </a>
    </li>
    <li class="page-item"><a class="page-link">Last</a></li>
  </ul>
</nav>

如何设置配置选项以获取上述 HTML？目前我得到了这些结果：

【问题讨论】：

你得到的结果是什么？
@Alex 添加到我的问题中
图像非常有用，我的意思是它生成的源（只是相关部分）
@Alex 是的，但我不确定如何分配 css 类并使其看起来像我想要的那样。我的意思是有一个引导库来设置分页样式，但不知道如何与codeigniter的分页一起使用

标签： php html codeigniter pagination

【解决方案1】：

实际上您的Codeigniter 分页工作正常。只有分页链接样式有问题。

如果css 中没有为您用于链接的类定义样式，则可能会发生这种情况。检查引导材料源文件是否正确包含。还要检查在css 中是否为您用于分页链接的类正确定义了样式，例如：<li class="page-item">。

【讨论】：