2016-07-12 3 views
1

私は1つのビューに複数のテーブルがあり、それらを非表示にするためにjqueryを使用しています.i配列にはworks.each配列に各テーブルの行であるデータが格納されています。 私はページテーブルを使ってテーブルを最適化して検索できるようにDatatableを使用しています。phpを使用してテーブルに書き込むことは可能ですか?既にテーブルを最適化するためにdatatableを使用していますか?

が、datatablesブレード言語とPHPを知らないようです。

Showing 1 to 1 of 1 entries 

上記の式: は、私はそれが私のすべての行を表示して示して私のテーブルが10の以上の行を持っているtable.butの各ページ10行で私を表示するデータテーブルを設定します。

<div class="col-md-offset-1 col-md-7"> 
<?php $i = 0 ?> 
@foreach($works as $work) 
     <!--<div class="panel navbar-inverse"> 
      <div class="panel-heading panel-amir"> 
       <p href="#">Current Works</p> 
      </div>--> 
<?php $i+=1; ?> 
<div id="{{$dep->id}}" class="panel-body testimonial" data-index="{{$i}}"> 

    <table cellpadding="0" cellspacing="0" border="0" class="table table-hover TABLE mytable" id="example" data-index="{{$i}}"> 
     <thead style="text-align: center"> 
     <th style="text-align: center">User Works</th> 
     <th style="text-align: center">Title</th> 
     <th style="text-align: center">Due Date</th> 
     <th style="text-align: center">Description</th> 
     </thead> 

     @foreach($work as $var) 
     <tbody> 

     <tr> 
      <td class="col-md-2"> 
       <img class="img-circle img-responsive" src="{{ URL::to('/') }}/images/amir.png"> 
      </td> 
      <td class="col-md-2"> 
       alaki 
      </td> 
      <td class="col-md-2"> 
       alaki 
      </td> 
      <td class="col-md-6"> 
       alaki 
      </td> 
     </tr> 

     </tbody> 
     @endforeach 
    </table> 
</div> 
@endforeach 

enter image description here

私は正しく私のページを設計するために何をすべきかを任意のアイデアがあります????

答えて

2

dataTablesは、の1つだけをサポートします.<tbody>セクションを一度に使用します。あなたは1つのエントリの1中1へを取得し、なぜあなたは、複数の<tbody>年代を引き起こし

@foreach($work as $var) 
    <tbody> 
    .... 
    </tbody> 
@endforeach 

を持って、thatsの。代わりに行を反復処理:

<tbody> 
    @foreach($work as $var) 
    <tr> 
     <td class="col-md-2"> 
    ... 
    </tr> 
    @endforeach 
</tbody> 

をそのようにすることで、私はあなたが情報セクション内の行の正しい数を取得します確信している、と期待通りの表は、ページ分割します。

+0

他のすべての複雑な方法を調べましたが、非常に簡単でした。 –

関連する問題