Простой фильтр на ячейке таблицы

У меня есть простая таблица с одним столбцом STATUS. Я пытаюсь найти способ установить фильтр поверх этой ячейки.Простой фильтр на ячейке таблицы

<html> 
<body> 
    <input type="text" name="status" value=""/> 
    <table> 
    <tr><th>STATUS</th></tr> 
    <tr><td>100</td></tr> 
    <tr><td>200</td></tr> 
    <tr><td>300</td></tr> 
    <tr><td>101</td></tr> 
    <tr><td>202</td></tr> 
    <tr><td>400</td></tr> 
    <tr><td>402</td></tr> 
    <tr><td>500</td></tr> 
    </table> 
</body> 
</html>

источник

2015-03-30 user3799365

Если у вас есть возможность использовать JS-плагины, попробуйте Dynatables. Простота настройки и гибкости.

Обновлено: Если вам нужна только функция JS, я думаю, вам нужна прежде всего начальная структура html с выбором с параметрами, что вам нужно. Слушайте события onChange на этом элементе $ selectElement. Затем он инициирует сбор изменений ваших статусов относительно выбранных опций в $ selectElement (коллекция initail будет отфильтрована вашим состоянием) использует таким образом $ els = $ .filter (// Условие) с условием для фильтрации коллекции. И последний раз отрисовать в:

$.each($els, function(el) { 
    $tableBody.append(<td>$els</td>); 
});

источник

2015-03-30 20:01:22 khusnetdinov

Я просто хочу, чтобы простая функция Javascript – user3799365

Простой фильтр на ячейке таблицы

ответ

Смежные вопросы