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