Ngx-datatable с отключением нумерации страниц в Angular 2

У меня есть таблица со списком результатов с использованием 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>

angular pagination ngx-datatable
person Marc El Bichon    schedule 05.09.2017    source источник
comment
Попробуйте удалить свойство [limit]=50 из компонента ngx-datatable.   -  person Karan Garg    schedule 05.09.2017

Ответы (3)


arrow_upward
1
arrow_downward

Нижний колонтитул 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>
person Arfan Mirza    schedule 06.09.2018

arrow_upward
0
arrow_downward

Вы можете переопределить шаблон нижнего колонтитула, чтобы datatable-pager не будет отображаться, поэтому нумерация страниц будет отключена.

<ngx-datatable-footer *ngIf="isChild">
  <ng-template ngx-datatable-footer-template>
  this text will appear instead of datatable-pager
  </ng-template>
</ngx-datatable-footer>
person Pedro Hidalgo    schedule 04.12.2018

arrow_upward
0
arrow_downward

Примените [footerHeight]="0", и он удалит нижний колонтитул.

person Manjeet Singh    schedule 10.12.2020