PrimeNG TurboTable 可排序列排序指示器?
PrimeNG TurboTable sortable column sort indicator?
我正在尝试将现有的 PrimeNG 数据表转换为 newly-released TurboTable 规范,并且我已经能够或多或少地轻松工作,但我丢失了 auto-generated在列 headers.
上排序方向指示器
是否有 built-in 解决方案来显示基于 p-table 提供的模板绑定的排序指示器,或者我是否必须附加到 p-table 的 (sort)
事件,弄清楚哪一列排序,什么方向,然后从组件方法更新我的模板?
有一个 SortIcon 组件。看这个例子:
<th *ngFor="let col of columns" [pSortableColumn]="col.field">
{{col.header}}
<p-sortIcon [field]="col.field"></p-sortIcon>
</th>
如果有人遇到和我一样的问题 - 有 <p-sortIcon>
标签但图标没有显示 - 尝试安装新的 PrimeIcons 包 (npm install primeicons --save
) 并包括它的 .css 文件作为依赖项 (<link rel="stylesheet" type="text/css" href="/node_modules/primeicons/primeicons.css" />
).
我正在尝试将现有的 PrimeNG 数据表转换为 newly-released TurboTable 规范,并且我已经能够或多或少地轻松工作,但我丢失了 auto-generated在列 headers.
上排序方向指示器是否有 built-in 解决方案来显示基于 p-table 提供的模板绑定的排序指示器,或者我是否必须附加到 p-table 的 (sort)
事件,弄清楚哪一列排序,什么方向,然后从组件方法更新我的模板?
有一个 SortIcon 组件。看这个例子:
<th *ngFor="let col of columns" [pSortableColumn]="col.field">
{{col.header}}
<p-sortIcon [field]="col.field"></p-sortIcon>
</th>
如果有人遇到和我一样的问题 - 有 <p-sortIcon>
标签但图标没有显示 - 尝试安装新的 PrimeIcons 包 (npm install primeicons --save
) 并包括它的 .css 文件作为依赖项 (<link rel="stylesheet" type="text/css" href="/node_modules/primeicons/primeicons.css" />
).