2011-07-26 7 views
1

ここに見つかったプラグイン(http://jquery-datatables-column-filter.googlecode.com/svn/trunk/default.html)を、読み込まれたデータセットに挿入しようとしていますAJAXを介して、しかし、テーブルに必要なフッタを追加するための例示の手順に従ってとき:JQuery:Datatables - Column Filtering Plugin

<tfoot> 
     <tr> 
      <th>Rendering engine</th> 
      <th>Browser</th> 
      <th>Platform(s)</th> 
      <th>Engine version</th> 
      <th>CSS grade</th> 
     </tr> 
    </tfoot> 

例に示すように、私は/ラベルとしないテキストボックスwは単にフッタ行で巻き上げます。

これを修正するために何をする必要がありますか?ありがとう!

+0

あなたは各列の 'th'を追加しますか?フッターはヘッダーと一致しますか?サンプルソースには、テーブルの先頭にフッターとしての正確な列を持つ 'theader'があります。多分それが要件です。 – Niloct

+0

はい、私は一致するヘッダーがありますが、まだ運がありません。 – user464180

+0

あなたのビューソースでhttp://jsfiddle.netを作成できますか? – Niloct

答えて

0

これをあなたに追加しましたか?

$(document).ready(function() { 
     $('#example').dataTable()**.columnFilter()**; 
} 
+0

はい。そのコードは私の見解です。 – user464180

0

ありがとうございます。私は、$( '#example')の場所にいくつかの異なる場所を試しています。dataTable().columnFilter(); AJAXを使用しているので、テーブルのレンダリング中に配置する必要がありました。など

何か:

if(typeof dataTable == 'undefined') 
dataTable = $('#eventRecords').dataTable({"bJQueryUI": true}).columnFilter();