如何更改 Bootstrap Table Paginator 的位置？答案

【问题标题】：How can I change the location of Bootstrap Table Paginator?如何更改 Bootstrap Table Paginator 的位置？
【发布时间】：2020-06-27 07:39:48
【问题描述】：

我正在使用 Bootstrap Table 源 CSS。我想将文本和页面大小从表格底部移动到顶部，如下所示。这是example。

每页显示 159 行 [20] 行中的 1 到 20 行`

【问题讨论】：

标签： bootstrap-4 bootstrap-table

【解决方案1】：

查看https://live.bootstrap-table.com/example/welcome.html上的代码

移动这个div的位置：

<div class="float-left pagination-detail">
      <span class="pagination-info">
      Showing 1 to 10 of 800 rows
      </span><span class="page-list"><span class="btn-group dropdown dropup">
        <button class="btn btn-secondary dropdown-toggle" type="button" data-toggle="dropdown">
        <span class="page-size">
        10
        </span>
        <span class="caret"></span>
        </button>
        <div class="dropdown-menu"><a class="dropdown-item active" href="#">10</a><a class="dropdown-item " href="#">25</a><a class="dropdown-item " href="#">50</a><a class="dropdown-item " href="#">100</a><a class="dropdown-item " href="#">All</a></div></span> rows per page</span></div>

移到后面：

<div class="bs-bars float-left"><div id="toolbar">
  <button id="remove" class="btn btn-danger" disabled="">
    <i class="glyphicon glyphicon-remove"></i> Delete
  </button>
</div></div>

而不是原来的位置，在<div class="fixed-table-pagination">...</div>里面

【讨论】：

谢谢，但这不是我想要的答案。我在询问如何更改 CSS 设置。我问您如何将其更改为选项，因为它会在您导入 Table Class 时自动导入该函数。