Table Search in a HTML Table - JavaScript

For more videos, Subscribe ⮞

In this video, I cover a simple plain JavaScript script that will allow you to search through an HTML table. This solution does not require any JQuery and as long as the table data is in HTML. This function will work with a live API if needed.

Thanks for watching!

[davebalino]

Very Helpful, this is the simplest yet working code I've watched!

[akeebnoor]

hey how to implement all rows searching working together rather than one row working at a time.

[ripscru]

damm i really understood it all, thankyou

[loranetwork]

If You want to search mor than 1 columns simultaneously how would You do it?
I've already tried using else if

[franzjeffdignos]

If you want to search as well in other columns instead of one column, you can make another " td = index]". Then add OR condition in if statement. It works on me.

[syaifulbahri]

Thank you for the explanation. I use a similar code in the blog and it works.
My question is, how to hide the entire table content while nothing to the input box?
The expectation is to keep the page clean when the input box is empty, until beginning to type something in the box.

[JorgeSotoRamos]

Thank you for this good video clear and easy to follow!! 😉

[jacklythgoe]

Hi, this worked well. However i have a problem. If i was to type 15745 for example. it would show the record for 15745. But if i was to get rid of the numbers in the search it would stay at 15745. It only goes back on refresh

[photoinshot]

Excellent tutorial, very clearly explained, thanks. How could you change colour of text to highlight instead of hiding the the other rows?

[komido]

hello bro, how can i do if i want search by two case company and contact at same time !!

[noua]

hello, thank you so much for this
i use for my project localization in my table can this also work with it ?
thanks again