datatables表格显示页码数据
时间: 2023-09-20 17:11:48 浏览: 116
bootstrap dataTables使用方法
如果你想在DataTables中显示页码数据,可以使用DataTables提供的`pageInfo`选项来获取当前页码信息,然后将其显示在表格中。
具体步骤如下:
1. 在初始化DataTables时,设置`info`选项为`true`,这样就可以在表格上方显示当前页码信息了。例如:
```javascript
$(document).ready(function() {
$('#example').DataTable({
"info": true
});
});
```
2. 如果你想在表格中显示当前页码信息,可以使用DataTables提供的`pageInfo`选项来获取当前页码信息,然后将其显示在表格中。例如:
```javascript
$(document).ready(function() {
var table = $('#example').DataTable({
"info": false
});
// 显示当前页码信息
$('#example_info').html('当前页码:' + (table.page.info().page + 1) + '/' + table.page.info().pages + '页');
});
```
在上面的例子中,我们首先将`info`选项设置为`false`,然后使用`pageInfo`选项获取当前页码信息,最后将其显示在表格中。需要注意的是,我们在页码信息中加上了当前页码和总页数,这样可以更直观地显示当前页码信息。
阅读全文