如何获取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
相关产品推荐
相关产品推荐

