小编Ahs*_*qui的帖子

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

我正在使用 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>
Run Code Online (Sandbox Code Playgroud)

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

javascript ngx-datatable angular angular5

2
推荐指数
1
解决办法
2633
查看次数

标签 统计

angular ×1

angular5 ×1

javascript ×1

ngx-datatable ×1