3

我正在使用这个引导表 http://wenzhixin.net.cn/p/bootstrap-table/docs/examples.html#client-side-pagination-table

这给出了 10 的默认页面大小。加载网格时如何将其更改为 5 或任何值。

它提供了选择它的选项，data-page-list="[5,10]"但默认情况下加载时它保持 10。

4

3 回答 3

12

您可以使用类似pageSize的页面属性bootstrap table

$('#table-javascript').bootstrapTable({
                cache: false,
                height: 400,
                striped: true,
                pagination: true,
                pageSize: 5, //specify 5 here
                pageList: [5, 10, 25, 50, 100, 200]//list can be specified here
});

阅读文档

于 2015-06-26T07:16:24.523 回答
4

仅使用 html，请使用：http data-page-size=5: //jsfiddle.net/ThePhi/pamsqcea/

于 2017-11-11T09:52:58.400 回答
4

您可以在表格标签中使用 data-page-size="PAGE_SIZE" 属性。例如。

<table class="table table-hover text-center" id="table" data-height="400" data-show-columns="true" data-toggle="table" data-search="true" data-show-export="true" data-pagination="true" data-click-to-select="true" data-toolbar="#toolbar" data-page-size="50" data-show-columns="true"> 
          <thead>
          </thead>
          <tbody>
          </tbody>
</table>
于 2018-05-29T19:43:30.517 回答