Фильтр в пределах допустимых значений?

Question

[gotohell]

Есть таблица с данными, все данные внесены в атрибут data*, почти все они находятся в диапазоне своих значений к примеру от 220 до 1700. Я фильтрую эти данные с помощью jquery.
Данные фильтруются но только по первой ячейке.

Я бы хотел сделать так что бы когда вводишь данные он фильтровал все ячейки и оставлял ту ячейку где есть допустимые значения, то есть если есть ячейки с данными от 220 до 1700, от 100 до 600 и ячейка без диапазона 0.37 и мы вводим скажем в "300", "450" и "0.37" то он бы выводил это:

То есть данные не должны быть точными они должны быть в пределах допустимого.

https://codepen.io/webmasterotboga/pen/yXZJRM

Всем спасибо!

Comments

[Aves]

Как-то это больше похоже на задание, чем на вопрос. Еще и в тегах ангуляр ни с того ни с сего.

Но вообще можно сделать примерно так: https://codepen.io/anon/pen/yXZgVO

[gotohell]

Aves: Блин спасибо, выручил! С тегами ангуляр, потому что я уже не знал как это сделать! Пробовал все варианты!

Answer 1

[vanya2h]

Прежде всего данные должны быть в виде массива объектов. Создаешь событие onChange для инпутов. В колбэке сохраняешь введённые данные в какой-нибудь сторэйдж (в виде объекта с 3 параметрами). Рендеринг столбцов делай основанный на том, какой набор данных находится в объекте с 3 параметрами при помощи функции Array.filter().

То есть каждый раз, когда меняется состояние одного из инпутов ты запускаешь функцию, которая обновляет параметры отображения (объект с 3 параметрами) и страница ререндерит столбец