角度2の動的テーブル

Question

角度2のアプリケーションが初めてです。私は、このようなとしての私の画面を表示するために、私のJSONデータは次のようになりたいここでは、列ヘッダ（製品）も1 ダイナミックダイナミック1と顧客である

  | Product 1 Product 2 Product 3 ............. Product N 
---------------------------------------------------- 
Customer 1 |  2   1   4 
Customer 2 |  3   2   3 
Customer 3 |  4   3   2 
    . 
    . 
    . 
Customer N 

、としてスクリーンを持っている：

data: [{ 
    ProductName:"Prod1", 
    Data: [{ 
      CustomerName:"AAA", 
      CustomerId:1, 
      Count:2 
     }, 
     { 
      CustomerName:"BBB", 
      CustomerId:2, 
      Count:3 
     }] 
    }, 
{ 
    ProductName:"Prod1", 
    Data: [{ 
      CustomerName:"AAA", 
      CustomerId:1, 
      Count:2 
     }, 
     { 
      CustomerName:"BBB", 
      CustomerId:2, 
      Count:3 
     }] 
    }] 

Answer 1

ng2-smart-tableを試しましたか？あなたの列の

• 設定

あなた-component.ts：ここ

は、いくつかのコードです

settings = { 
    actions: false, 
    hideSubHeader: true, 
    columns: { 
     Customers : { 
     title: 'Customers', 
     type: 'string' 
     }, 
     Prod1: { 
     title: 'Name of your product1', 
     type: 'number' 
     }, 
     Prod2: { 
     title: 'Name of your product2', 
     type: 'string' 
     }, 
     // and so on for all your product 
    } 
    }; 

• 次に、あなたのデータ、あなたをフォーマットする必要がありますこの方法でスマートテーブルに渡したい：

データ

data = [{customers = 'AA', Prod1 = 2, Prod2 = 1, ...., ProdN = nbOfProdN }, {customers = 'BB', ....}, ....]; 

• リンクテーブルにデータ
  ： yourdatasource.load(data)
  ：あなたはこの方法でNG2-スマートテーブルからLocalDataSourceを使用する必要があります。このため

実際、ng2-smart-tableのドキュメントは完全であり、このツールでできることはもっとたくさんあります。