繁体   English   中英

如何禁用 primeng p 表选择模式?

[英]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.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM