You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

ag-grid-angular服务器端分页:如何利用total_page显示总页数

解决ag-grid服务器端分页显示总页数的问题

你需要利用服务器返回的total_page计算总记录数,ag-grid的服务器端分页是通过rowCount参数判断总页数的,只要给对这个值,分页组件就能自动显示正确的总页数,还能阻止请求不存在的页面。

具体修改步骤:

  1. 获取服务器返回的参数:在getRows方法里,从接口响应中拿到total_page和page_size。
  2. 计算总记录数:总记录数 = total_page * page_size(如果服务器同时返回了精确总记录数,比如total: 68,直接用这个值更准确)。
  3. 替换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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.04 16:32:39