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

如何获取jQuery Datatables的显示行数与当前页码?

jQuery DataTables 获取显示行数与当前页码的实现方法

直接用DataTables自带的API就能轻松搞定这两个需求,具体实现如下:

获取显示行数

有两种场景的行数可以获取:

1. 当前设置的每页显示行数

用page.len()方法直接获取初始化时或用户调整后的每页行数:

// 先获取表格实例
var table = $('#your-table-id').DataTable();
// 获取设置的每页行数
var setPageLength = table.page.len();
console.log('当前设置的每页显示行数:', setPageLength);

2. 当前页实际显示的行数

如果表格最后一页的记录数不足设置的行数,用这个方法获取当前页实际展示的记录数:

var currentPageActualRows = table.rows({page:'current'}).count();
console.log('当前页实际显示的行数:', currentPageActualRows);

获取当前页码

用page.info()方法获取分页信息对象,里面包含当前页码(注意是从0开始的索引),如果需要从1开始的页码,加1即可:

var pageInfo = table.page.info();
// 从0开始的页码索引
var currentPageIndex = pageInfo.page;
// 转换成日常使用的从1开始的页码
var currentPageNumber = currentPageIndex + 1;
console.log('当前页码(从0开始):', currentPageIndex);
console.log('当前页码(从1开始):', currentPageNumber);

另外,page.info()返回的对象还包含总页数、总记录数等信息,有需要的话可以直接取用。

内容的提问来源于stack exchange,提问作者Yassine

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.08.14 04:45:57