[英]Show icon with column name in ngx-datatable
我在我的 Angular 6 项目中使用了ngx-datatable ,我需要显示一个带有列名的图标,如下面的屏幕截图所示。(在我需要显示图标的地方标记为x )
这是我当前的数据表代码。
<ngx-datatable
*ngIf="!isDataLoading"
class="data-table"
[scrollbarH]="true"
[rows]="rowsData"
[columnMode]="'force'"
[columns]="columnsData"
[headerHeight]="50"
[footerHeight]="50"
[rowHeight]="'auto'"
[limit]="10"
[selected]="selected"
[selectionType]="'single'"
(select)='onSelect($event)'>
</ngx-datatable>
在 mypage.component.ts
columnsData = [
{ prop: 'dataName', name: 'Name' },
{ prop: 'dataGender', name: 'Gender' },
{ prop: 'dataCompany', name: 'Company' }
];
如何显示带有列名的图标?
你可以像这样使用 ngx-datatable-column 标签:
<ngx-datatable-column prop="dataName">
<ng-template
let-column="column"
ngx-datatable-header-template>
// Your Icon Tag Here
<img src="assets/icons/your_icon.png" alt="Icon" />
<span>
dataName Header Text
</span>
</ng-template>
</ngx-datatable-column>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.