时间戳

首页 > 解决方案 > ngx 数据表页脚图标不显示

angular6 - ngx 数据表页脚图标不显示

问题描述

无法正确显示 ngx 数据表默认页脚。它像这样显示页脚 ngxdatatable 页脚

我的代码

    <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>

标签： angular6ngx-datatable

解决方案

node_modules/@swimlane/ngx-datatable/release/assets/icons.css在你的主要使用.scss file：

"styles": [
    //  ...
    "node_modules/@swimlane/ngx-datatable/release/assets/icons.css"
],

推荐阅读