2016-08-24 14 views
3

私自身のブートストラップテーブルの底に角を付けて追加したい
テーブルの例の1つを使いたくありません。
誰も助けてくれますか?ここでテーブルにページ分割を追加角度2

<table class='table table-bordered table-striped table-responsive table-hover' id="table" style="margin-top: 2%"> 
    <thead> 
    <tr> 
    <th rowspan="2">Id boitier</th> 
    <th rowspan="2">Id phase</th> 
    <th rowspan="2">Power</th> 
    <th colspan="3">Voltage</th> 
    <th rowspan="2">Date</th> 
    <th rowspan="2">Time</th> 
    <th rowspan="2">Details</th> 

    </tr> 
    <tr> 
    <th>Max</th> 
    <th>Min</th> 
    <th>Moy</th> 
    </tr> 
    </thead> 
    <tbody> 
    <tr *ngFor='let cursen of cursens'> 
    <td >{{cursen.id_boitier}}</td> 
    <td>{{cursen.id_phase}}</td> 
    <td>{{cursen.power}}</td> 
    <td>{{cursen.voltage.Max}}</td><td>{{cursen.voltage.Min}}</td><td>{{cursen.voltage.Moy}}</td> 
    <td>{{cursen.date | date: 'dd/MM/yyyy'}}</td> 
    <td>{{cursen.date | date:'HH:mm:ss'}}</td> 
    <td><a (click)="onSelect(cursen)">alaa</a></td> 
    </tr> 
    </tbody> 
</table> 
+0

ようこそ。あなたが達成しようとしていること、試したこと、失敗したところを示すコードを投稿してください。 –

+0

「テーブルの例を使用したくない」とは何ですか?平均? –

+0

これは、npmからテーブルパッケージをインストールしたくないということです。 –

答えて

-3

は一例です:ビューでhereから

ページ付け、その後

<tr ng-repeat="cursen in cursens | pagination: pageNo * pageSize | limitTo: pageSize> 
... 
</tr> 

のjsファイルで:StackOverflowのに

app.filter('pagination', function() 
{ 
return function(input, start) 
{ 
    start = +start; 
    return input.slice(start); 
}; 
}); 
+0

私は角度2を使っています! –

+0

これはwebの例ですが、angular2と同じことができます –

関連する問題