0

我有一个表，其中包含使用 ngx-datatable 的结果列表。目前，表格显示分页结果。

我想添加一个按钮来“显示所有”结果而不进行分页，你认为我应该怎么做？

<ngx-datatable class="material"
[rows]="rows"
[columnMode]="'force'"
[headerHeight]="40"
[footerHeight]="40"
[rowHeight]="30"
[externalPaging]="true"
[limit]="50"
[selectionType]="'checkbox'">
<ngx-datatable-column
        [width]="30"
        [sortable]="false"
        [canAutoResize]="false"
        [draggable]="false"
        [resizeable]="false"
        [headerCheckboxable]="true"
        [checkboxable]="true">
      </ngx-datatable-column>
          <ngx-datatable-column name="Name">
            <ng-template let-value="value" ngx-datatable-cell-template>
                <div class="redNumber">{{value}}</div>
            </ng-template>
      </ngx-datatable-column>
      <ngx-datatable-column name="Title"></ngx-datatable-column>
      <ngx-datatable-column name="company"></ngx-datatable-column>
      <ngx-datatable-column name="Status" [cellClass]="getStatusClass">  
  </ngx-datatable-column>
<ngx-datatable-column name="Last connexion"></ngx-datatable-column>
4

3 回答 3

1

Ngx-Datatable 页脚将隐藏，或者如果您想显示更多按钮，您也可以通过编写块并使用 isVisible 变量来显示/隐藏更多按钮

<ngx-datatable-footer>
      <ng-template ngx-datatable-footer-template let-rowCount="rowCount" let-pageSize="pageSize" let-selectedCount="selectedCount"
        let-curPage="curPage" let-offset="offset" let-isVisible="isVisible">
        <div class="container" >

        </div>
      </ng-template>
    </ngx-datatable-footer>
于 2018-09-06T06:11:51.990 回答
0

应用[footerHeight]="0"它会删除页脚。

于 2020-12-10T08:22:29.697 回答
0

您可以覆盖页脚模板，这样数据表分页器就不会出现，因此分页将被禁用。

<ngx-datatable-footer *ngIf="isChild">
  <ng-template ngx-datatable-footer-template>
  this text will appear instead of datatable-pager
  </ng-template>
</ngx-datatable-footer>
于 2018-12-04T03:09:25.923 回答