PrimeNG TurboTable可排序列分类指示器？

Question

我正在尝试将现有的PrimeNG Datatable转换为新发布的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" />)包含在内。