table.filter.js#quickfind必须在第一列中搜索

table.filter.js #quickfind has to search in first column

本文关键字：一列 搜索 js#quickfind filter table      更新时间：2023-09-26

我对PicNet表Filter有一个小问题。这是演示。

这是我的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" >

CCD_ 6用于第一行。CCD_ 7用于第二行。等等。但是代码只在表中起作用！而不是高于。

有什么解决问题的办法吗？

您可以禁用对列的搜索，只需将filter='false'属性放在头标记中即可。

<th filter='false'>Last modified</th>
相关文章：