2017-08-04 97 views
0

該應用程序目前在Angular 2中開發,它需要像表格這樣的jQuery數據表,它具有排序/分頁/固定標題/列固定/滾動等多種功能。Angular 2數據表

最近我無法找到與Angular 2完全兼容的任何數據表插件。在ngprime中最接近兼容的插件,但也顯示了Angular2的腳本錯誤。

我可以得到任何建議/建議的技術人員/手上人。任何實際上已經實現它的博客/ github作者。

+0

嘗試Kendo網格的角度 –

+0

PrimeNG中有一個:https://www.primefaces.org/primeng/#/datatable 它的超級定製和大量的示例代碼在他們的網站上可用。 – Indrajith

+0

@Indrajith它在Angular2中運行良好,但對Angular 2有很多問題。這個錯誤在下面非常常見:如果'p-dataTable'是一個Angular組件並且它有'value'輸入,那麼請驗證它是否是該模塊的一部分。 angular CLI –

回答

0

根據您的評論,您使用primeng數據表有錯誤。 的步驟是正確的安裝是:

  1. 安裝庫

    npm install primeng --save 
    

    您的package.json應該包含這個依賴

    "dependencies": { 
    .... 
    "primeng": "^x.y.z", 
    .... 
    }, 
    
  2. 更改app.module.ts和導入你的ngprime表

    import {GrowlModule} from 'primeng/primeng' 
    @NgModule({ 
    declarations: [ 
        AppComponent 
    ], 
    imports: [ 
    BrowserModule, 
    FormsModule, 
    HttpModule, 
    GrowlModule 
    ], 
    providers: [], 
    bootstrap: [AppComponent] 
    }) 
    

希望它有幫助。

+0

嘗試了這個以及它會拋出下面的錯誤:如果'p-dataTable'是一個Angular組件並且它有'value'輸入,那麼請驗證它是否是該模塊的一部分。 –

+0

要使用'p-dataTable',您需要從'primeng/primeng';'導入'import {DataTableModule,SharedModule}。它就在[documentation](https://www.primefaces.org/primeng/#/datatable)中。基本級別的數據表不需要'GrowlModule'。這就是爲什麼你明確地得到這個錯誤。 –