【问题标题】:Is it possible to make react-bootstrap-pagination always show pagination controls even if the total page count is 1?即使总页数为 1,是否可以让 react-bootstrap-pagination 始终显示分页控件?
【发布时间】:2017-01-12 16:56:42
【问题描述】:

我将Kurounin:Pagination 用于 MeteorJS 和 ReactJS。

是否可以让 react-bootstrap-pagination 始终显示分页控件,即使总页数为 1?

【问题讨论】:

    标签: meteor reactjs pagination npm


    【解决方案1】:

    查看source code,似乎该软件包目前无法实现。您的选择是:

    1. 提交问题或包的拉取请求以包含强制显示分页的选项。

    2. 通过在只有一页时添加自定义 HTML 来“伪造”。这应该非常接近包将产生的标记:

    {this.pagination.totalPages() > 1 ?
      <BootstrapPaginator pagination={this.pagination} limit={10} containerClass='text-center' />
    :
      <div className="pagination-container">
        <ul className="pagination">
          <li className="disabled">
            <a href="#" className="previous-page" title="Previous page"> &lt; </a>
          </li>
          <li key="page1" className="active">
            <a href="#" className="page-link" title="Go to page 1"> 1 </a>
          </li>
          <li className="disabled">
            <a href="#" className="next-page" title="Next page"> &gt; </a>
          </li>
        </ul>
      </div>
    }
    

    【讨论】:

    • 非常感谢,@Waiski!
    猜你喜欢
    • 2020-01-12
    • 1970-01-01
    • 2012-08-31
    • 2018-08-07
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多