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行目です。等々。しかし、コードはテーブル内でのみ動作します!それ以上ではありません。
問題を解決するための方法はありますか?
何が問題なのですか?それぞれの列を別々に検索することは可能です。それは望ましい行動ではありませんか? – Roy