NGX-데이터 테이블 내 component.html에서 렌더링되지

Question

내 프로젝트에 각 5.0을 사용하고 나는 또한 재료

<ngx-datatable 
     [rows]="rows" 
     [columns]="columns"> 
     </ngx-datatable> 

을 각-CLI에 부트 스트랩 CSS를 사용하지만하고 사용하려고하지만 이후에 설치하고 있고 모듈 가져 오기 내 페이지에서 그리드를 렌더링 할 수 없습니다.

export class AppComponent{ 

rows = [ 
    { name: 'Austin', gender: 'Male', company: 'Swimlane' }, 
    { name: 'Dany', gender: 'Male', company: 'KFC' }, 
    { name: 'Molly', gender: 'Female', company: 'Burger King' }, 
    ]; 
    columns = [ 
    { prop: 'name' }, 
    { name: 'Gender' }, 
    { name: 'Company' } 
    ]; 
} 

및

import { NgxDatatableModule } from '@swimlane/ngx-datatable'; 

@NgModule({ 
    imports: [ 
    BrowserModule, 

    NgxDatatableModule 
    ], 
    declarations: [ 
    AppComponent 
    ], 
    providers: [ 
    { 
     provide: HTTP_INTERCEPTORS, 
     useClass: APIHeaderInterceptor, 
     multi: true, 
    }, 
    SlimLoadingBarService, 
    ToastsManager, 
    ToasterService, 
    ToastOptions 

    ], 
    schemas: [CUSTOM_ELEMENTS_SCHEMA], 
    bootstrap: [AppComponent] 
}) 

Answer 1

당신의 prop 케이스가 잘못 다음과 같이 수정한다 module.ts,

columns = [ 
     { name: 'Name', prop: 'name' }, 
     { name: 'Gender', prop : 'gender' }, 
     { name: 'Company', prop : 'company' } 
    ];