ag-grid-angular服务器端分页:如何利用total_page显示总页数
解决ag-grid服务器端分页显示总页数的问题
你需要利用服务器返回的total_page计算总记录数,ag-grid的服务器端分页是通过rowCount参数判断总页数的,只要给对这个值,分页组件就能自动显示正确的总页数,还能阻止请求不存在的页面。
具体修改步骤:
- 获取服务器返回的参数:在
getRows方法里,从接口响应中拿到total_page和page_size。 - 计算总记录数:总记录数 =
total_page * page_size(如果服务器同时返回了精确总记录数,比如total: 68,直接用这个值更准确)。 - 替换rowCount赋值:删掉原来的
getRowCount方法,把计算好的总记录数直接传给rowCount。
修改后的代码示例:
假设接口响应存在response变量中:
// getRows方法内的params.success部分 params.success({ rowData: response.data, // 直接用total_page和page_size计算总记录数 rowCount: response.total_page * response.page_size });
效果说明:
- ag-grid会根据
rowCount和每页大小自动计算总页数,分页栏会显示“第1页,共7页”的正确文案。 - 分页组件会自动判断当前页是否为最后一页,不会再发起超过
total_page的无效请求。
内容的提问来源于stack exchange,提问作者Ryley38
相关产品推荐
相关产品推荐

