我在使用 PicNet 表格过滤器时遇到了一个小问题。 Here is the demo .
这是我的 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”时,我得到了 3 个结果,因为右栏的日期和时间为“22”。
我在 CSS 中使用 display:none;
禁用了 .filter
类,因为我只想要一个搜索字段。我复制了生成的 javascript 代码并将其替换为 #quickfind
。
<input type="text" id="filter_0" class="filter" >
filter_0
用于第一行。 filter_1
用于第二行。等等。但是代码只在表中有效!而不是上面。
有什么解决问题的办法吗?
最佳答案
您可以禁用对列的搜索,只需将 filter='false' 属性放在标题标签中即可。
<th filter='false'>Last modified</th>
关于javascript - table.filter.js #quickfind 必须在第一列中搜索,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9843542/