JS如何获取表格当前分页的所有数据
时间: 2023-09-14 19:07:12 浏览: 47
如果你使用的是一些前端UI库(比如jQuery EasyUI、Bootstrap-table等),这些库都会提供相应的API来获取当前页的数据。
如果你是手写分页功能,可以通过以下步骤来获取当前页的数据:
1. 获取表格总行数和每页显示的行数。
2. 根据当前页数和每页显示的行数计算出当前页的起始行和结束行。
3. 遍历表格所有行,取出起始行和结束行之间的行数据。
以下是一个示例代码:
```javascript
function getCurrentPageData() {
var totalRows = $('#table').find('tbody tr').length;
var pageSize = 10; //每页显示10行
var currentPage = 2; //当前页数为2
var startRow = (currentPage - 1) * pageSize;
var endRow = startRow + pageSize;
var currentPageData = [];
$('#table').find('tbody tr').each(function(index, row) {
if (index >= startRow && index < endRow) {
currentPageData.push($(row).data('data')); //将行数据存入数组中
}
});
return currentPageData; //返回当前页的数据
}
```
在这个示例中,我们假设表格的id为"table",每行数据都存储在行的"data"属性中。getCurrentPageData()函数会返回当前页的数据。
相关推荐
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)