如何解决有没有办法将徽章添加到 Ignite 网格的列标题?
我有一个有 5 列的点燃网格。其中一列显示客户是否有权订购某物。基本上它是三个字符串之一:
- 待批准
- 已批准
- 未经授权。
我想要做的是跟踪待处理的批准数量。为此,我想添加一个带有列标题的徽章组件,显示待处理的批准数量。可以这样做吗?
我环顾四周,但找不到合适的解决方案。 Angular 库的 Ignite UI 确实有一个徽章组件,但找不到将它与数据网格一起使用的方法
解决方法
是的,有两种方法可以设置标题模板,尽管输入 - API documentation of headerTemplate.。或者使用 igxHeader
指令
代码片段 - 输入:
<igx-column field="ID" [headerTemplate]="pinTemplate"></igx-column>
...
<ng-template let-column #pinTemplate>
<span style="float:left">{{column.header || column.field}}</span>
<igx-badge type="success" icon="chat_bubble"></igx-badge>
<igx-icon fontSet="material"(click)="pinColumn(column)">lock</igx-icon>
</ng-template>
代码片段 - 指令:
<igx-column field="Missing">
<ng-template igxHeader let-column>
{{ column.field }} {{ column.visibleIndex }}
</ng-template>
</igx-column>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。