Bootstrap table分页问题

客官°小女子只卖身不卖艺 2022-03-22 04:16 292阅读 0赞

使用Bootstrap table 发现会有分页取不到pageNumber的问题。

# #

解决办法：

1、通过params.offset可以取得所要查询也的起始数据，在结合每页数据limit，已经足够实现数据库分页查询了。

2、这种方法有点小麻烦，就是要修改bootstrap-table.min.js的源码，首先在bootstrap-table.min.js中搜索 "limit"===this.options.queryParamsType&& （完全复制过去搜索，当然因为版本的原因，一些版本代码细微处可能不太一样，但是肯定跟limit有关，仔细找一下应该还是可以找到的）找到下面的代码片段：

"limit"===this.options.queryParamsType&&(i={search:i.searchText,sort:i.sortName,order:i.sortOrder},this.options.pagination&&(i.offset=this.options.pageSize===this.options.formatAllRows()?0:this.options.pageSize*(this.options.pageNumber-1),i.limit=this.options.pageSize===this.options.formatAllRows()?this.options.totalRows:this.options.pageSize))

由于源码文件没有格式，所以就是一行，比较难看，修改时候小心一点就好了，可以看到在this.options.pagination&&后面的括号中有i.offset=...，i.limit=...，的代码，在i.limit=this.options.pageSize===this.options.formatAllRows()?this.options.totalRows:this.options.pageSize后面加上, i.pageNumber=this.options.pageNumber（记得一定要英文逗号分隔）

最终修改后结果如下：

这样子就可以通过params.pageNumber取到页码了

以上内容摘自

作者：李北北  
链接：https://www.jianshu.com/p/8ab488a8d259  
來源：简书  
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。

发现以上处理仍然不能分页。

不仅参数pageNumber和pageSize无法传到后台，连其他参数也不行。经过多翻查找，找到了解决方法。

1、按照上面的方法 修改bootstrap-table.min.js

2、在查询的时候需要加

contentType:'application/x-www-form-urlencoded; charset=UTF-8',

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2t5bGlucmVnaXN0ZXI_size_16_color_FFFFFF_t_70][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2t5bGlucmVnaXN0ZXI_size_16_color_FFFFFF_t_70]: /images/20220322/9a6037f17b3c442497d6a1639a18a9ed.png