2017-04-02 17 views
0

私はmaterialize CSSを使用してAngular 2で簡単なデモを作成しています。 私が知りたいのは、私がここに見つけたような適切なデータテーブルを設計することが可能かどうかです。http://danielnagy.me/md-data-table/
もしそうなら、私を助けてくれるリンクを提案してください。Materialize css DataTable

は、ここに私の簡単なコードです:

<div class="row"> 
     <div class="col l8"> 
    <div class="card z-depth-1"> 
    <div class="card-content"> 
     <span class="card-title">{{tableTitle}}</span><br/><br/> 
     <table class="centered bordered responsive-table"> 
      <thead> 
       <tr> 
       <th>#</th> 
       <th>Name</th> 
       <th>Age</th> 
       <th>Address</th> 
       <th>Designation</th> 
       <th>Department</th> 
       <th>Salary</th>     
       </tr> 
      </thead> 
      <tbody> 
       <tr *ngFor="let item of empData;let i=index"> 
       <td>{{i+1}}</td> 
       <td>{{item.Name}}</td> 
       <td>{{item.Age}}</td> 
       <td>{{item.Address}}</td> 
       <td>{{item.Designation}}</td> 
       <td>{{item.Department}}</td> 
       <td>{{item.Salary}}</td> 
       </tr> 
      </tbody> 
     </table> 
    </div> 
    </div> 

答えて

0

あなたはテラデータの共有を進めることができます。ここで確認できます。 https://teradata.github.io/covalent/#/components/data-table

私はこれをチェックしました。これは本当に簡単で、統合するためのいくつかの手順に従うだけです。

+0

私はこれをチェックして本当にうれしいですが、適切なインストールガイドを見つけられません – Maximum

+0

インストールガイドがありますか?サイトplsでは難しいと思っています – Maximum

+0

検索機能とソート機能を持つ "あなたのコンポーネントのtypescriptとhtmlファイルにhtmlとtypescriptコードをコピーしてコピーするだけです。その後、独自のデータオブジェクトでThaデータ配列を埋める必要があります。 – IsuruAb

関連する問題