2012-03-23 12 views
3

私はPicNetテーブルフィルタに問題があります。 Here is the demo。ここでtable.filter.js #quickfindは最初の列を検索する必要があります

は私のJSです:ここでは

$(document).ready(function() { 
    // Initialise Plugin 
    var options = { 
     additionalFilterTriggers: [$('#quickfind')] 
    }; 
    $('#dataTable').tableFilter(options); 
}); 

はHTMLです:

<body> 
    Quick Find: <input type="text" id="quickfind"/> 
    <table id='dataTable'> 
     <thead> 
      <tr> 
       <th>File</th> 
       <th>Last Modified</th> 
      </tr> 
     </thead> 
     <tbody> 
      <tr> 
       <td class="left"><a href="10.pdf">10.pdf</a></td> 
       <td class="right">22.03.12 19:45:58</td> 
      </tr> 
      <tr> 
       <td class="left"><a href="20.pdf">20.pdf</a></td> 
       <td class="right">22.03.12 19:45:58</td> 
      </tr> 
      <tr> 
       <td class="left"><a href="22.pdf">22.pdf</a></td> 
       <td class="right">22.03.12 19:45:58</td> 
      </tr> 
     </tbody> 
    </table> 
.. 

は、唯一の(最初の)列に#quickfindで検索することが可能ですか? #quickfindで "22"を検索すると、右側の列に日付と時間が「22」あるため、3つの結果が得られました。

display:none;のCSSで.filterクラスを無効にしたのは、検索フィールドが1つだけだったからです。私はgenererated javascriptコードをコピーし、#quickfindに置き換えました。

<input type="text" id="filter_0" class="filter" > 

filter_0は最初の行です。 filter_1は2行目です。等々。しかし、コードはテーブル内でのみ動作します!それ以上ではありません。

問題を解決するための方法はありますか?

+0

何が問題なのですか?それぞれの列を別々に検索することは可能です。それは望ましい行動ではありませんか? – Roy

答えて

0

カラムの検索を無効にすることができます。filter = 'false'属性をヘッダーのthタグに挿入するだけです。

<th filter='false'>Last modified</th> 
関連する問題