【问题标题】: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>>",
         ...
    } );
});

一行&lt;'col-sm-12 col-md-7'p&gt; 基本如下:

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-03-11
    • 1970-01-01
    • 1970-01-01
    • 2021-03-26
    • 2020-01-21
    相关资源
    最近更新 更多