如何仅在angular5的ngx数据表中选择当前页的行

Question

我正在使用 ngx-data 表并使用 ngx-data 表的复选框类型。我只想选择当前页面行，但当我选择所有选项时，它会选择数组中的所有行。我的代码在这里

<ngx-datatable-column [width]="50" [sortable]="false" [canAutoResize]="false" [draggable]="false" [resizeable]="false">
                          <ng-template class="datatable-checkbox" ngx-datatable-header-template let-value="value" let-allRowsSelected="allRowsSelected"
                            let-selectFn="selectFn">
                            <div class="checkbox-fade fade-in-default datatable-header-cell-label">
                              <label>
                                <input type="checkbox" [checked]="allRowsSelected" (change)="selectFn(!allRowsSelected)" />
                                <span class="cr">
                                  <i class="cr-icon icofont icofont-ui-check txt-primary"></i>
                                </span>
                              </label>
                            </div>
                          </ng-template>
                          <ng-template class="datatable-checkbox" ngx-datatable-cell-template let-value="value" let-isSelected="isSelected" let-onCheckboxChangeFn="onCheckboxChangeFn">
                            <div class="checkbox-fade fade-in-default datatable-header-cell-label">
                              <label>
                                <input type="checkbox" [checked]="isSelected" (change)="onCheckboxChangeFn($event)" />
                                <span class="cr">
                                  <i class="cr-icon icofont icofont-ui-check txt-primary"></i>
                                </span>
                              </label>
                            </div>
                          </ng-template>
                        </ngx-datatable-column>

如何仅在全选选项上选择当前页行？

Answer 1

尝试使用：

[selectAllRowsOnPage] true|false

在 ngx 文档中，它说：

您可以使用该属性来确定是否选择当前页面上的所有行。

例子 ：

<ngx-datatable [selectAllRowsOnPage]="true"></ngx-datatable>