bootstrap-table分页功能

最新推荐文章于 2024-02-25 20:50:31 发布

959946790

最新推荐文章于 2024-02-25 20:50:31 发布

阅读量3.3k

点赞数 1

分类专栏： bootstrap

本文链接：https://blog.youkuaiyun.com/qq_37741863/article/details/101372901

版权

本文介绍了如何使用bootstrap-table实现后端分页功能。强调了后端返回JSON数据需包含total和list字段，以及前端代码中columns参数需与后端对应。并提到插件的简单性和可用的中文API参考。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

引入bootstrap-table-scroll.min.js和bootstrap.min.js
bootstrap-table有两种分页方式：一种是每次向后台请求页数，就是后端分页;一种是数据一次性加载，在前端做分页。推荐后端分页

这里记录的是bootstrat-table的后端分页功能，前端分页功能没用过

后端返回参数的json格式有要求，红框画出来的是必须要有的字段，如下图：
在这里插入图片描述

1.必须要返回total–总共的记录的条数
2.list—每一条的内容
其他字段可以根据需求返回

前端的代码:

var table=$("#table");
table.bootstrapTable("destroy").bootstrapTable({
                url : "runingDataAnalysis/vib/dataList/getHistoryDataList.shtmldata_id="+historyPointData,//请求路径--只需要带上项目中需求的条件就行了，不需要带页数什么的
               queryParamsType:"",
                method : 'post',
                dataType:'json',
                onlyInfoPagina