Angular 素数排序表指定排序列
我有一张准备好的桌子,一切正常。我已经实现了排序 我得到的是表中每个列的排序选项,但我只希望在特定列中使用此选项 有什么建议吗 提前Thx ||威利Angular 素数排序表指定排序列,angular,primeng,Angular,Primeng,我有一张准备好的桌子,一切正常。我已经实现了排序 我得到的是表中每个列的排序选项,但我只希望在特定列中使用此选项 有什么建议吗 提前Thx ||威利 <p-table [columns]="wikiCols" [value]="wikiItems" selectionMode="single" [(selection)]="selectedItem"> <ng-template pTemplate="header"> <tr> <
<p-table [columns]="wikiCols" [value]="wikiItems" selectionMode="single" [(selection)]="selectedItem">
<ng-template pTemplate="header">
<tr>
<th *ngFor="let col of wikiCols" [pSortableColumn]="col.field" >
{{col.header}}
<p-sortIcon [field]="col.field" ariaLabel="Activate to sort" ariaLabelDesc="Activate to sort in descending order" ariaLabelAsc="Activate to sort in ascending order"></p-sortIcon>
</th>
</tr>
</ng-template>
<ng-template pTemplate="body" let-rowData let-columns="columns">
<tr [pSelectableRow]="rowData">
<td *ngFor="let col of wikiCols">
{{rowData[col.field]}}
</td>
</tr>
</ng-template>
</p-table>
{{col.header}}
{{rowData[col.field]}
来自文档:
通过添加pSortableColumn指令(其值为要排序的字段)和通过p-sortIcon组件添加排序指示符,可以对列进行排序。对于动态列,将pSortableColumnDisabled属性设置为true将禁用该特定列的排序
因此,我认为您需要检查col.field
是否是您想要排序的列。像
[pSortableColumnDisabled]="col.field === 'whatever'"
另外,正如Aman Chhabra提到的,在p-sortIcon上加一个*ngIf
<p-sortIcon *ngIf="col.field !== 'whatever'" [field]="col.field" ariaLabel="Activate to sort" ariaLabelDesc="Activate to sort in descending order" ariaLabelAsc="Activate to sort in ascending order"></p-sortIcon>
标记错误。打底!=PrimeFacesApply*p-Sorticon上的ngIf ngIf选项对我不起作用。使用排序时,如果单击p-tableHeaderCheckbox的标题,则会触发延迟加载并突出显示标题。