我正在尝试将现有的PrimeNG Datatable转换为新发布的TurboTable规范,并且我已经能够或多或少地使所有内容都能正常工作,但我在列标题上丢失了自动生成的排序方向指示符
是否存在基于p-table提供的模板绑定显示排序指示器的内置解决方案,或者我是否必须附加到p-table的(sort)
事件,找出哪个列已排序并且什么方向,然后从组件方法更新我的模板?
答案 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" />
)。