Filtering a table by range?

Question

JavaScript

Hello!
There is a table with data, they have a range of numbers, for example from 3000 to 7000

I need to implement filtering on this data. At the moment, I have the following experience: the user enters a number and the table is filtered, but it is only filtered when the user enters an exact value for example 3000. I would like it to search in the range between 3000 to 7000, if the user enters 3255 then the filter shows him the line where the given range of numbers 3000 - 7000 is indicated.

I would be very grateful if you tell me or give an example of this implementation.

Here is the table https://codepen.io/webmasterotboga/pen/GEPGwX

Answer 1

Overkill: https://datatables.net/

Answer 2

Use the data-* attributes.
Solution .