角度2.4.1バージョンに適した角度データグリッドが見つかりませんか？

Question

はpackage.jsonで依存関係のリストに次の2行は、データグリッドテンプレート

上記の2行を取得したい追加したことを実行NPMがダウンロードしてインストールした後、AG-グリッドに関連する依存関係を追加します。 はその後、エラー"cannot find module angular2/core"の取得データグリッド

import {Component} from 'angular2/core'; 
import {AgGridNg2} from 'ag-grid-ng2/main'; 

@Component({ 
    selector: 'my-datatable', 
    directives: [AgGridNg2], 
    template: ` 
     <ag-grid-ng2 #agGrid style="height:100%;width:845px" class="ag-fresh" 
      [gridOptions]="gridOptions"> 
     </ag-grid-ng2 > 
    ` 
}) 

export class AppComponent { 
    myRowData = [ 
     {"name":"Ronald Bowman","country":"China","city":"Lutou","email":"rbowman0@spotify.com"}, 
     {"name":"Pamela Hill","country":"Russia","city":"Krylovskaya","email":"phill1@symantec.com"}, 
     {"name":"Robin Andrews","country":"Ukraine","city":"Korop","email":"randrews2@photobucket.com"}, 
     {"name":"Peter Kim","country":"Mexico","city":"San Jose","email":"pkim3@theatlantic.com"}, 
     {"name":"Carol Foster","country":"Mexico","city":"El Aguacate","email":"cfoster8@intel.com"}, 
     {"name":"Jimmy Burke","country":"Indonesia","city":"Banjarsari","email":"jburke9@over-blog.com"}, 
     {"name":"Jonathan Crawford","country":"Peru","city":"Alca","email":"jcrawforda@deliciousdays.com"}, 
     {"name":"Donald Montgomery","country":"Poland","city":"Działoszyce","email":"dmontgomeryb@google.com.br"}, 
     {"name":"Donna Shaw","country":"Japan","city":"Akune","email":"dshawc@chronoengine.com"}, 
     {"name":"Helen King","country":"United States","city":"Hollywood","email":"hkingd@devhub.com"}, 
     {"name":"Walter Myers","country":"China","city":"a ndaowa n", "email":"wmyerse@state.tx.us"}, 
     {"name":" Alice Collins","country":"Papua Nw Guine a", "city":"Mendi","email":"acollinsf@npr.org"}, 
     {"name":"Anne Richards","country":"China","city":"Koramlik","email":"arichardsu@vinaora.com"}, 
     {"name":"Randy Miller","country":"Indonesia","city":"Trenggulunan","email":"rmillerv@oakley.com"}, 
     {"name":"Phillip Adams","country":"Bahamas","city":"Duncan Town","email":"padamsw@lycos.com"}, 
     {"name":"Nicholas Allen","country":"Philippines","city":"Bautista","email":"nallenx@aboutads.info"}, 
     {"name":"Lisa Willis","country":"Thailand","city":"Lat Yao","email":"lwillisy@istockphoto.com"}, 
     {"name":"Jeffrey Castillo","country":"Indonesia","city":"Karangsari","email":"jcastilloz@washington.edu"}, 
     {"name":"Michael Carpenter","country":"Colombia","city":"Cali","email":"mcarpenter13@prlog.org"}, 
     {"name":"Roger Lee","country":"France","city":"Courtaboeuf","email":"rlee14@earthlink.net"}, 
     {"name":"Steve Wallace","country":"Russia","city":"Novobeysugskaya","email":"swallace15@cisco.com"}, 
     {"name":"Shirley Patterson","country":"Peru","city":"La Tinguiña","email":"spatterson16@woothemes.com"}, 
     {"name":"Nancy Ward","country":"Sweden","city":"Båstad","email":"nward17@mapquest.com"} 
    ]; 

    columnDefs = [ 
     {headerName: 'Name', field: "name", width: 200 }, 
     {headerName: 'Country', field: "country" ,width:180}, 
     {headerName: 'City', field: "city" ,width:160}, 
     {headerName: 'e-mail', field: "email" ,width:300} 
    ]; 

    gridOptions = []; 

    constructor() { 
     this.gridOptions = { 
      rowData: this.myRowData, 
      columnDefs: this.columnDefs, 
      enableColResize: true, 
      enableSorting: true, 
      enableFilter: true 
     } 
    } 
} 

用コンポーネントにコードを追加しました。しかし、私は互換性のないバージョンが..角度の2.4.1バージョンと互換性のある任意のデータグリッドがあることを発見しました。

Answer 1

primeng datatableを使ってみましたか？

filter、crud、templatingのような優れた機能がよく文書化されています。

https://www.primefaces.org/primeng/#/datatable