Angular6 ngx数据表页脚图标不显示
无法正确显示ngx datatable默认页脚。 它的页脚是这样显示的 我的代码Angular6 ngx数据表页脚图标不显示,angular6,ngx-datatable,Angular6,Ngx Datatable,无法正确显示ngx datatable默认页脚。 它的页脚是这样显示的 我的代码 <ngx-datatable #table [columnMode]="'force'" [headerHeight]="50" [rowHeight]="'auto'" [footerHeight]="50" [count]="true"
<ngx-datatable
#table
[columnMode]="'force'"
[headerHeight]="50"
[rowHeight]="'auto'"
[footerHeight]="50"
[count]="true"
[limit]="4"
[rows]="data"
>
<ngx-datatable-column [width]=10>
<ng-template let-row="row" ngx-datatable-cell-template>
<span class="circle" [ngClass]="{'red': row.alertCat == 'HIGH','yellow': row.alertCat == 'MEDIUM', 'green': row.alertCat == 'LOW'}"></span>
</ng-template>
</ngx-datatable-column>
<ngx-datatable-column name="ID" [width]=10>
<ng-template let-column="column" ngx-datatable-header-template>
<strong class="text-uppercase alertHeading">ID</strong>
</ng-template>
<ng-template let-row="row">
{{row.id}}
</ng-template>
</ngx-datatable-column>
</ngx-datatable>
ID
{{row.id}}
如果我没说错,您的页脚类将被其他类覆盖。检查他们,你会知道或提供你的图标,如从字体真棒。
前
在主
.scss文件中使用node\u modules/@swimlane/ngx datatable/release/assets/icons.css
:
"styles": [
// ...
"node_modules/@swimlane/ngx-datatable/release/assets/icons.css"
],
这对我来说很有效,我试图在组件级别包含这个文件,但没有成功,在angular.json文件的“styles”中包含它,效果非常好。
"styles": [
// ...
"node_modules/@swimlane/ngx-datatable/release/assets/icons.css"
],