禁用对表中特定列的搜索/过滤

时间:2019-01-31 08:29:24

标签: jquery html-table filtering

我要实现的目标

禁用表中第8列的过滤功能。 (例如,它不会被识别/不在乎)

我正在努力解决的问题

我无法从过滤中排除第8列。我尝试使用.not,但也无法正常工作。我也尝试过使用CSS :not,但是我听说这不够可靠(即使我在代码中使用了它)。我努力以正确的方式来实现。

我的问题

对于这种任务,最好的选择是什么?我将如何正确实施?

我的过滤条件

$("#table_search").on("keyup", function() {
    var value = $(this).val().toLowerCase();
    $(".table_data tr:not(:has(th))").filter(function() {
        $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
    });
});

DOM

<div class="table_responsive">
    <div><input type="input" id="table_search" class="form-control" placeholder="Perform a search..."></div>
    <table>
        <thead>
            <th>thead1</th>
            <th>thead2</th>
            <th>thead3</th>
            <th>thead4</th>
            <th>thead5</th>
            <th>thead6</th>
            <th>thead7</th>
            <th>thead8</th>
        </thead>
    </table>
    <div class="table_scroll">
        <table class="table_data">
            <tr>
                <td>row1</td>
                <td>row2</td>
                <td>row3</td>
                <td>row4</td>
                <td>row5</td>
                <td>row6</td>
                <td>row7</td>
                <td>row8</td>
            </tr>
        </table>
    </div>
</div>

其他评论

我知道有 几乎 个与我相同的问题,我不知道这是否是因为我还没有喝完早间咖啡。但这很可耻(有些尴尬),我一直在努力调整和实施他们对我问题的解决方案。

以下是我研究过的一些类似问题:

Disable search filter on a specific column (this question only disables the search input for the columns itself)

Disable sorting for column (weird array solution)

Table column search filter

0 个答案:

没有答案