[英]How to disable primeng p-table selectionmode?
我正在使用 angular primeng <p-table>
(共享组件)并将我的[selectionMode]
设置为multiselect
。 现在我只能通过单击行来选中复选框,我希望能够通过单击复选框本身来选中复选框。
有没有办法为我的multiselect
禁用多selectionmode
data.table
,以便我可以通过单击框本身而不是行来选中复选框? 我无法从 p 表中删除selectionmode
,因为它在多个地方被使用。
这是我的 p 表,它是一个共享组件。
<p-table #table
[value]="data"
[columns]="columns"
[scrollable]="true"
scrollHeight="420px"
[(selection)]="selections"
[selectionMode]="multiselect ? 'multiple' : 'single'"
(onRowSelect)="onSelect($event)"
(onRowUnselect)="onUnselect($event)"
[sortField]="sortField"
(onSort)="onSort($event)"
[paginator]="paged"
[rows]="pageSize"
[rowsPerPageOptions]="ROWCOUNT_OPTIONS"
[currentPageReportTemplate]="PAGE_REPORT"
[showCurrentPageReport]="showCurrentPageReport"
(onLazyLoad)="onLazyLoad($event)"
(onPage)="onPageChange($event)"
[lazy]="lazy"
[lazyLoadOnInit]="lazyLoadOnInit"
[loading]="loading"
[totalRecords]="totalRecords"
paginatorDropdownAppendTo="body"
compareSelectionBy="equals"
[class]="isEmpty ? 'h-scrollable' : ''"
[resizableColumns]="true"
columnResizeMode="expand">
这是我的 html 的用法:
<data-table #productTable
[columns]="columns"
[data]="data"
[loading]="loading"
[multiselect]="true"
selectionmode = ""
defaultSortField="necLec">
</data-table>
我修好了它。 我只是将选择模式从多个更改为无。
设置selectionMode=''
对我有用。 不是'none'
。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.