О чел... Это адовая тема для JQuery, js, там по всем записям надо проходиться, чекать их, и заново отрисовывать. А потом представить, что у тебя 10к этих записей и олдовая пекарня у юзверя, начать плакать. Пройти 5 стадий депрессии и найти какой-нибудь плагин. Если не найдешь - делать как логику. А лучше только и плагин и логику. Тип возврат json-ом уже готовых записей. У меня похожая ситуация была)))
sohibkamol, тогда пробуй DataTables JQuery плагин, поищи подобные если не устроит, и попробуй сделать серверную фильтрацию с подгрузкой по ajax в крайнем случае.
sohibkamol, Да просто отдавай словарь в json по подгрузке. Формата - названия хедера таблицы и по всем записям последовательно ячейки. По DOM ready вставляй эту таблицу в dom. По клику на поиск (допустим $('.search-form-slug/id столбца').on('submit')) делай e.preventDefault и самостоятельно фильтруй/ищи по полученному из input значению, только лучше - реверсивно, тип если не все условия выполняются - addClass('d-none'), если выполняется - чекаешь, есть ли у него d-none, если есть - removeClass. Это по мне выглядит норм. Но удобней поискать плагин пару часиков.
sohibkamol, Тип если с нуля писать - это дико)) Я б нашел плагин JQuery с поддержкой пагинации через ajax, который фильтровал за тебя. Мне допустим для проекта нужна была сортировка. Я ее через Datatables сделал. Фильтры у меня были другие - просто сверху select с опциями, по change я переадресовывал get-запросом как новую страницу (так создаются +- фиксированные запросы, что удобно для юзера). В шаблоне все template language, ниже - просто on change - set-ал get параметры и делал явный reload. А фильтровал на серве. Для этого каждому фильтру дал data атрибут (slug в моем случае) и для каждой опции в val записал slug опции. Но это с перезагрузкой страницы. Обычно делают через submit - тип "применить фильтры", но change по мне удобней. Вообще если там свободные (текстовые) input-ы, а не select - то тож сойдет, но надо будет обрабатывать ошибки, где получится - checkValidity(). Но если ты это сделаешь через ajax, json с пагинацией и без reload страницы - я буду восхищен))) Кстати, где-то видел отличные плагины для live-поиска, может подойдет.
