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

标签 javascript angular angular5 ngx-datatable

我正在使用 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>

如何在全选选项中只选择当前页面行?

最佳答案

尝试使用:

[selectAllRowsOnPage] true|false

在 ngx 文档中,它说:

Property to which you can use for determining select all rows on current page or not.

例子:

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

关于javascript - 如何仅在angular5的ngx数据表中选择当前页面的行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53313484/

相关文章:

angular - 使用 routerLink 返回

javascript - jQuery 检测加载时是否选择了单选按钮

javascript - 通过函数查询firebase实时数据库

angular - iPad 的 Safari 10 无法加载 Angular 5 应用程序(适用于 Safari 11)

angular - 登录应用程序后,带有 MSAL 和 Angular 的 Azure AD B2C 会立即重定向到登录页面

angular5 - mat-select 所需的验证不起作用

javascript - 如何从 javascript 函数中显示 Bootstrap 模式?

javascript - Console.log不等待 promise

Angular:使用 RxJs/BehaviorSubject 在组件之间动态共享数据

node.js - 如何配置 webpack 仅构建运行 Angular 5 应用程序所需的资源?