は、私は私のプロジェクトで角度5.0を使用しています私のcomponent.htmlで

Question

をレンダリングしていないと私はまた、材料

<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' } 
    ]; 
} 

とmodule.ts

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ケーシングは間違っこんにちは、更新のためのおかげで、私は彼らのデモのウェブサイトから、このコードをコピーしたが、後でも、以下のように

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