网站搜索

javascript - 有没有办法将 ngx-datatable 的分页器从底部移动到顶部?


我在一个 Angular 项目中按照如下方式设置了带分页器的 ngx-datatable。

    <ngx-datatable class="material" [rows]="rows"...
      [count]="count" [limit]="5" [offset]="0" (page)="setPage($event)">

它可以工作,并且分页已显示。但我也想在页眉显示,有没有办法我可以将页脚的分页复制到页眉上?

答案#1

看起来它没有内置选项,但根据这个 GitHub 对话,你可以使用自定义 CSS 实现:

.ngx-datatable .datatable-footer {
    position: absolute;
    top: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.ngx-datatable .datatable-header {
    position: absolute;
    top: 50px;
}

.ngx-datatable .datatable-body {
    margin-top: 100px;
}

我刚测试了,它仍然可以用。