首页 > 解决方案 > angular ngx-datatable ngFor 行不显示数据

问题描述

我正在使用 ngx-datatable 并且我想使用 ngFor 来显示许多数据。现在表头已显示,但行单元格数据没有显示。如何解决这个问题呢?

<ngx-datatable [rows]="rows">                                                   
    <ngx-datatable-column [name]="col.name" *ngFor="let col of columns">                                                        
        <ng-template let-value="value" let-expanded="expanded" let-row="row" ngx-datatable-cell-template>                                                            
             {{ row.relevance }}                                                        
        </ng-template>                                                      
        <ng-template let-value="value" let-expanded="expanded" let-row="row" ngx-datatable-cell-template>                                                           
             {{row.name}}                                                       
        </ng-template>                                                                                                               
        <ng-template let-value="value" let-expanded="expanded" let-row="row" ngx-datatable-cell-template>                                                           
             {{row.price}}                                                      
        </ng-template>                                                                                                          
    </ngx-datatable-column>
</ngx-datatable>

columns = [
    { name: 'aaa' },
    { name: 'bbb' },
    { name: 'ccc' },
];
rows = [
    {   
        relevance: 'Austin', 
        name: 'Male', 
        price: 7
    },
    {   
        relevance: 'gfff', 
        name: 'des', 
        price: 4
    },
{   
        relevance: 'sosf', 
        name: 'qao', 
        price: 3
    }
];

标签: angularngx-datatable

解决方案


推荐阅读