datatables页面下面怎么显示表格总数

要在 DataTables 页面下面显示表格总数，你可以使用 DataTables 提供的 API 中的 `footerCallback` 方法。这个方法可以在表格底部插入一个自定义的行，并在这一行中显示总数等信息。

具体的实现方法如下：

1. 在 DataTables 的初始化代码中，添加 `footerCallback` 配置项，比如：

$('#example').DataTable({
    // 其他配置项...
    "footerCallback": function (row, data, start, end, display) {
        var api = this.api();
        $(api.column(0).footer()).html('总数：' + api.column(0).data().length);
    }
});

2. 在这个回调函数中，你可以使用 `this.api()` 获取 DataTables 实例，然后调用 `column()` 方法获取表格中的某一列，再调用 `data()` 方法获取这一列的数据，最后在底部行中插入总数等信息即可。

在这个例子中，我们获取了第一列的数据，然后在一个自定义的底部行中插入了总数信息。

你可以根据实际需要，调整这个回调函数中的代码，来显示你需要的信息。

相关问题

datatables页面显示页脚数

如果你想在DataTables中显示页脚数，可以使用DataTables提供的`pagingType`选项来设置页脚的样式和显示方式。

具体步骤如下：

1. 在初始化DataTables时，设置`pagingType`选项为`full_numbers`或`simple_numbers`，这样就可以在页脚中显示页码了。例如：

$(document).ready(function() {
    $('#example').DataTable({
        "pagingType": "full_numbers"
    });
});

2. 如果你想自定义页脚的样式，可以使用DataTables提供的回调函数来实现。例如，你可以使用`drawCallback`回调函数来在每次重绘表格时更新页脚的样式，代码如下：

$(document).ready(function() {
    $('#example').DataTable({
        "pagingType": "full_numbers",
        "drawCallback": function() {
            // 更新页脚样式
        }
    });
});

在`drawCallback`回调函数中，你可以使用jQuery等工具来更新页脚的样式，例如添加自定义样式、修改页码链接等。

datatables表格显示页码数据

如果你想在DataTables中显示页码数据，可以使用DataTables提供的`pageInfo`选项来获取当前页码信息，然后将其显示在表格中。

具体步骤如下：

1. 在初始化DataTables时，设置`info`选项为`true`，这样就可以在表格上方显示当前页码信息了。例如：

$(document).ready(function() {
    $('#example').DataTable({
        "info": true
    });
});

2. 如果你想在表格中显示当前页码信息，可以使用DataTables提供的`pageInfo`选项来获取当前页码信息，然后将其显示在表格中。例如：

$(document).ready(function() {
    var table = $('#example').DataTable({
        "info": false
    });
    
    // 显示当前页码信息
    $('#example_info').html('当前页码：' + (table.page.info().page + 1) + '/' + table.page.info().pages + '页');
});

在上面的例子中，我们首先将`info`选项设置为`false`，然后使用`pageInfo`选项获取当前页码信息，最后将其显示在表格中。需要注意的是，我们在页码信息中加上了当前页码和总页数，这样可以更直观地显示当前页码信息。