如何在一个数据表中添加多个分页答案

【问题标题】：How to add multiple pagination in one datatable如何在一个数据表中添加多个分页
【发布时间】：2020-10-19 22:35:11
【问题描述】：

我正在使用带有引导数据表的 asp.net 核心。它对 1 个数据表有一个分页。我要多分页，怎么加。

【问题讨论】：

您希望应用程序中的所有数据表都采用这种方式？还是只是一个特定的？
我希望它可用于特定页面的数据
在特定页面上带有额外 1 个分页的数据表

标签： asp.net-mvc asp.net-core bootstrap-4

【解决方案1】：

DataTables 有一些内置控件：

l - 长度/页面大小下拉列表
f - 过滤/搜索输入
t - 表本身
i - 表格信息，显示 xxx 个条目
p - 分页控制

因此，您始终可以更改 DataTables 标记以在 dom 选项中添加/删除您想要的任何控件：https://datatables.net/reference/option/dom

例如，您可以在 Bootstrap 4 中的当前过滤器框顶部添加一个额外的分页，如下所示：

$(function() {
    $('#example').DataTable( {
        "dom": "<'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7'p>>" 
            + "<'row'<'col-sm-12 col-md-6'l><'col-sm-12 col-md-6'f>>" 
            + "<'row'<'col-sm-12'tr>>" 
            + "<'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7'p>>",
         ...
    } );
});

一行<'col-sm-12 col-md-7'p> 基本如下：

<!-- < means a div -->
<!-- ` means the class assigned to the div -->
<div class="col-sm-12 col-md-7">
    <!-- the pagination control -->
</div>

【讨论】：