Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 素数排序表指定排序列_Angular_Primeng - Fatal编程技术网

Angular 素数排序表指定排序列

Angular 素数排序表指定排序列,angular,primeng,Angular,Primeng,我有一张准备好的桌子,一切正常。我已经实现了排序 我得到的是表中每个列的排序选项,但我只希望在特定列中使用此选项 有什么建议吗 提前Thx ||威利 <p-table [columns]="wikiCols" [value]="wikiItems" selectionMode="single" [(selection)]="selectedItem"> <ng-template pTemplate="header"> <tr> <

我有一张准备好的桌子,一切正常。我已经实现了排序

我得到的是表中每个列的排序选项,但我只希望在特定列中使用此选项

有什么建议吗

提前Thx

||威利

<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的标题,则会触发延迟加载并突出显示标题。