angular - 使用 Primeng turbo 表的图标触发排序

Question

对于 PrimeNG Turbo Table，是否可以仅在单击排序图标时触发排序？

现在，只要我单击标题单元格中的任何位置，它就会触发。我想在单击图标时触发。

我在想这可能在图标级别的某个地方使用 StopPropogation() 是可能的......但这可能会停止整个排序

https://www.primefaces.org/primeng/#/table/sort

Answer 1

您可以将pSortableColumn指令移动到<p-sortIcon ...>

<th>Year
<p-sortIcon [pSortableColumn]="'year'" [field]="'year'"></p-sortIcon>
</th>

演示在这里