2

I am looking for a script that allows me to insert in an html table the possibility of filtering data with the same (or almost) elasticity that for example Excel offers, that is the possibility of filtering certain elements even on multiple fields, the possibility of order in ascending and descending order and also the possibility of filtering all elements, for example greater or less than a certain number.

Is there something a thing like that?

Thanks a lot for the support!

2
  • Can you try this package react-data-table-component
    – Ajith
    Nov 10, 2021 at 10:34
  • 1
    React hasn't been tagged in this question, so it might be overkill to recommend a React package
    – TommyBs
    Nov 10, 2021 at 10:59

2 Answers 2

3

Datatables is the solution:

Url: https://datatables.net/

You have multiple plugins/extensions for this... You can do everything you imagine...

Select by column value:

https://datatables.net/examples/api/multi_filter_select.html

Search in each column:

https://datatables.net/examples/api/multi_filter.html

2
  • Thanks for the advice. So is it possible to make an HTML table where each field has a menu like this? dropbox.com/s/bs4ub0olhrxt8iu/IMG_4298.jpg?dl=0
    – kris9951
    Nov 10, 2021 at 14:43
  • Thank you so much Mr. Dani. I saw your advice "Select by value column" and are almost close to what I need. Unfortunately I didn't understand how you can select more than 1 value for each column because in that example I can only select 1 value for each column, while I need control boxes to select all the values you want to filter for each column. Finally, the possibility of filtering for greater values, minor or other than others. However, thank you for these advices!
    – kris9951
    Nov 11, 2021 at 9:31
2

By the description of your issue I would suggest you to take a look at the Datatables website or in the Tabulator website. Both work pretty well and are very easy to get up and running.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.