September 26, 2016 7:01 am

Create Live Search in HTML table with jQuery

Hello readers today I am writing this tutorial for client side searching in a HTML table with jQuery this is a very simple and easy code snippet you can use it in small apps reporting where you want to add fast searching you can use this code snippet its a 10 line of code to make a simple and fast searching so download it or check it in demo.

Create Live Search in HTML table with jQuery

Code for this tutoroial is very simple first of all you need to create table.

Now include jQuery:

In the last put this jQuery code snippet:

Above code snippet will work on search box kyup event and filter records available on your table.

Note: This feature can be used on client side filteration.

Tutorial Categories:

Author Huzoor Bux

I am Huzoor Bux from Karachi (Pakistan). I have been working as a PHP Developer from last 5+ years, and its my passion to learn new things and implement them as a practice. Basically I am a PHP developer but now days exploring more in HTML5, CSS and jQuery libraries.


Tutorial Categories:
  • Ron Scott

    Absolutely awsome script. I do have a much narrower table, and this one floats right. I am not having luck with local css to make table narrower and float left. Can you help? Thanks!!