sorting - PrimeNG TurboTable 可排序的列排序指标？

Question

我正在尝试将现有的 PrimeNG 数据表转换为新发布的 TurboTable 规范，并且我已经能够或多或少地轻松工作，但我丢失了列标题上自动生成的排序方向指示符。

是否有基于 p-table 提供的模板绑定显示排序指示器的内置解决方案，或者我是否必须附加到 p-table 的(sort)事件，找出排序的列和方向，然后更新我的模板从组件方法？

Answer 1

有一个 SortIcon 组件。看这个例子：

<th *ngFor="let col of columns" [pSortableColumn]="col.field">
  {{col.header}}
  <p-sortIcon [field]="col.field"></p-sortIcon>
</th>

Answer 2

如果有人和我有同样的问题 - 有<p-sortIcon>标签但图标没有显示 - 尝试安装新的 PrimeIcons 包 ( npm install primeicons --save) 并将其 .css 文件作为依赖项 ( <link rel="stylesheet" type="text/css" href="/node_modules/primeicons/primeicons.css" />)。