首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何禁用primeng p-table选择模式?

如何禁用primeng p-table选择模式?
EN

Stack Overflow用户
提问于 2020-07-24 16:26:27
回答 1查看 3.7K关注 0票数 1

我使用的是角<p-table> (一个共享组件),并将我的[selectionMode]作为multiselect。现在,我只能通过单击行来选中复选框,只想通过单击复选框本身来选中复选框。

是否有一种方法可以禁用我的multiselect selectionmode为我的data-table,以便我可以通过单击复选框本身,而不是行?我不能从p表中删除selectionmode,因为它在多个地方使用。

这是我的p表,它是一个共享组件.

代码语言:javascript
复制
<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:

代码语言:javascript
复制
<data-table #productTable 
            [columns]="columns"
            [data]="data" 
            [loading]="loading" 
            [multiselect]="true" 
            selectionmode = ""
            defaultSortField="necLec">
</data-table>
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-07-24 17:22:05

我修好了。我只是将选择模式从多个更改为无。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/63077675

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档