Buscar datos en un table en JSP usando javascript

Dentro de una aplicación siempre es bueno tener un buscador para encontrar un dato dentro de un table en html, en esta ocasión mostrare como realizar esta búsqueda para poder implementarla dentro de nuestros proyectos.

puedes descargar el archivo completo haciendo click Aqui

1. Vamos a usar el mismo proyecto donde hicimos un listado usando utilizando un Bean, le pondremos un poco de color y forma usando un css que estara en la descarga, del archivo, haremos unas cuantas modificaciones al table original, colocaremos el table dentro de un div, no se olviden de colocar las variables como en la imagen datagrid y datos

2. En el proyecto se creara el css y el js en este caso con los nombres tabla.css y BuscadorTabla.js, como dije anteriormente el css estara en el archivo de descarga debido a que prefiero no ahondar en el tema, por que no domino el css.