Чего я пытаюсь достичь
Отключите мою функцию фильтрации для столбца 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>
Дополнительные комментарии
Я знаю, что есть вопросы почти , идентичные моим, и я не знаю, потому что я не допил утренний кофе или нет.Но это позор (и немного неловко) Я борюсь с настройкой и реализацией их решения моей проблемы.
Вот несколько похожих вопросов, на которые я взглянул:
Отключить фильтр поиска по определенному столбцу (этот вопрос отключает только входные данные поиска для самих столбцов)
Отключить сортировку по столбцу (странное решение для массива)
Фильтр поиска по столбцам таблицы