Posts

Showing posts with the label Grid Filter

jQuery - Magic Grid Filters using jQuery

Image
Download Project Source View Demo Update: I've uploaded a demo page showing grid filters in action.  It can be found here . Q uite often there's a grid or two (or hundred) in a project.  One of the neat thing about jQuery is how simple it is to do some really amazing things, such as filtering grid content based on user input. Take the following example: the above grid has several Employees listed, but the user only wants to see Michael Bolton's information.  With jQuery, it is possible to remove grid rows that don't match the user's selection, with just a few lines of code.  Here's how. First, we create a view page listing the employees.  The key here is to decorate the table rows and cells with CSS classes so our jQuery function will search only where we want it to. Code Snippet < table >          < thead >          < tr > ...