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

时间:2018-01-24 18:42:37

标签: sorting angular2-template primeng primeng-turbotable

我正在尝试将现有的PrimeNG Datatable转换为新发布的TurboTable规范,并且我已经能够或多或少地使所有内容都能正常工作,但我在列标题上丢失了自动生成的排序方向指示符

Arrows on column headers

是否存在基于p-table提供的模板绑定显示排序指示器的内置解决方案,或者我是否必须附加到p-table的(sort)事件,找出哪个列已排序并且什么方向,然后从组件方法更新我的模板?

2 个答案:

答案 0 :(得分:7)

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

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

答案 1 :(得分:3)

如果有人遇到与我相同的问题-带有<p-sortIcon>标签,但图标始终未显示-尝试安装新的PrimeIcons软件包(npm install primeicons --save)并将其.css文件作为依赖性(<link rel="stylesheet" type="text/css" href="/node_modules/primeicons/primeicons.css" />)。