Jquery Table Filter Plugin

jQuery DataTables is a very powerful plugin for creating table with advanced interaction controls. All our compiled plugins are lightweight, cross browsers compatible and responsive in nature. This post has a compiled list of 20 impressive jQuery plugins to replace the traditional HTML select box with a sleek, stylish and feature-rich select box. This plug-in adds lot of functionalities to the plain HTML tables that are placed in web pages such as filtering, paging, sorting, changing page length, etc. jQuery Forum Move this topic Forum : Getting Started Using jQuery Using jQuery Plugins Using jQuery UI Developing jQuery Core Developing jQuery Plugins Developing jQuery UI QUnit and Testing About the jQuery Forum jQuery Conferences jQuery Mobile Developing jQuery Mobile. 0 jQuery plugin that filters an HTML table based on column-specific values using x-editable and bootstrap theme. Used to identify when and where the filter plugin initializes (target of the event). Free Download Bootstrap jQuery Plugins. JQuery plugin for input text field filtering. A repository of jQuery plugins for website's filter and sort. jQuery Filter Table plugin. The Options table below has filterTable({quickList:['class','tag']}) applied to it. OK, this is not a jQuery plugin, but still its worthy of a mention. The server side source code is always the same: [it's written in PHP but You can use anything You like. Its successor is part of jQuery UI, and this migration guide explains how to get from this plugin to the new one. Smart Slider is a jQuery plugin that mimics the very common user interface track bar component, which consists of a slider bar and tracker/pointer, where tracker can be moved back and forth along the slider bar to select a value. excel-bootstrap-table-filter. Note: It is possible to create a filter which is not linked to a specific field, such filter is called a "lambda" filter. Use the date range controls to filter out some of the dates included in the table. Keeping this in mind, here we. When filtering rows, the filter widget adds the "filtered" class to hide the row; all available themes include this definition. Each item contains following properties: 1) field: the custom rule on. With UniFilter you can set up any number of filters, range sliders and search boxes. Tables are one of the oldest elements in HTML. This is a very advance & well known jquery table filter plugin which through you can filter your html table data’s easily. jQuery DataTables is a very powerful plugin for creating table with advanced interaction controls. tablesorter can successfully. This plugin adds a row to the section of a table and adds filters that allows real time filtering of tabular data. jsGrid is a lightweight jQuery plugin to completely responsive tables in Bootstrap. Assume it appears on your plugin’s admin settings screen, defined by the file myplugin_settings. js I came across a use case where I needed to paginate the HTML tables. jQuery DataTables is a very progressive enhancement for the jQuery that allows to add advanced interaction controls to any HTML table on your web page. The Options table below has filterTable({quickList:['class','tag']}) applied to it. Table is used to display information in gentle way to end users. Bootstrap Table: An extended Bootstrap table with radio, checkbox, sort, pagination, and other added features. This is an unobstrusive jQuery plugin which is a drop-in replacement for the standard element with multiple attribute activated. Installation via Bower; Philosophy. All the following code examples are based on this HTML page content. Added a filter_external widget option to only accept a jQuery selector string/object; please see the updated filter any match demo for more details. Best jQuery Table Sorter Plugins. It's a fantastic resource for designing and developing user interactions quickly. jQuery Filter Table. by Kyo Nagashima. With this plugin, you can create portfolios, showcases, galleries and more. I have been using JQuery for a couple of years now and it has helped me to solve many problems on the client side of web development. jQuery Filter Table is a perfect plugin for those looking for something to hide various rows or columns of a table which users are not interested in viewing. Export HTML Table to Excel using jQuery Plugin and responsive filter gallery. Its API is focused on simplicity : only a few lines of code are necessary to get your first editable grid up and running. jQuery Filter Table plugin offers you the option for live searching and filtering for HTML tables in a jQuery plugin. Filter by multiple conditions / drop-downs using DataTables - Table plug-in for jQuery 7 are the column no. See issue #796 for details. tableFilter = function (tableSelector) {Then we want to get a reference to the table we're going to filter: table = $(tableSelector);. The exportToExcel function takes an optional parameter containing filter criteria to filter what data is exported to Excel. WP Jquery Data table plugin can help the WordPress website owner to insert table anywhere for displaying any information in tabular form, which will also have some cool features like option of selecting no. This page serves as a demonstration of one way you can add date range filtering controls to a table already enhanced by the dataTables jQuery plugin. Table of Contents. The good news is that there are many – perhaps too many – jQuery plugins that add this functionality. Features – filtering and sorting options available – supports unlimited number of elements – animation and CSS customizable – boxes are href-able. This seems like a no-brainer, and I'm sure a similar plugin exists somewhere in the jQuery universe, but I couldn't find it, so I wrote one. jQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library. Using Angular. We use this badge to highlight plugins we feel are unique, interesting and/or well executed. These great filter plugins with allow users to filter posts, results or even products according to respective categories, prices or availability by using the jQuery plugins on literally any page. Snippet by robm. Disable this by setting filter_hideFilters option to false. Table is very important part of any web application. Perfect library for adding search, sort, filters and flexibility to tables, lists and various HTML elements. Our Custom jQuery filter – some screen shot. jQuery Table Sort. Note: the filter plugin will be initialized automatically unless the. DataTable jQuery plugin is a perfect choice in order to. Step 1: Download & Upload jQuery library and jQuery data table plugin, in static resource. Disable this by setting filter_hideFilters option to false. js : Web UI Library for Tables & Forms Evolutility provides a set of generic Backbone Views to browse, edit, filter, export and chart Backbone models and …. tablesorter can successfully. It is a highly flexible tool, based upon the foundations of progressive enhancement, which will add advanced interaction controls to any HTML table. jQuery Listnav. 50 Free jQuery Video and Image Gallery Plugins jQuery is an open source JavaScript library that is very popular and widely used in web development. Table of Contents. This plugin is very lightweight and adds ui-table class, parses the table headers and generates information on the columns of data, and fires a tablecreate event. This option is an object where keys are plugin names and values are plugin configuration (or null). When typing in the filter, any rows that do not contain the filter will be hidden. Export HTML Table to Excel using jQuery Plugin and responsive filter gallery. For sorting and filtering i have used jquery plugin but when i am calling jquery method oncomplete in action support my searchfilter and pagination is getting loaded twice. This jQuery plugin offers a twist on the carousel component: Timeline. One can easily take control of orders, placement and organization of his web pages or table elements with the help of jQuery filter and sort plugins. Creates 'create new record' jQueryUI dialog form. Aman Kharbanda 34,634 views. One can also define clickable shortcuts for commonly used terms. Luckily, jQuery offers lots of plugins to save you from that hassle. jQuery Filter Table is a perfect plugin for those looking for something to hide various rows or columns of a table which users are not interested in viewing. The plugin can sort and parse easily many types of data including linked data in a cell. Usage instructions are included with the download. A listview is coded as a simple unordered list containing linked list items with a data-role="listview" attribute. Tablesorter can successfully parse and sort many types of data including linked data in a cell. simplePagination. Bootstrap example of Panel Tables with Filter using HTML, Javascript, jQuery, and CSS. JQuery has a big list of plugins which you can. Using this plugin, you can also export your grids to Excel or CSV files. js is a jQuery plugin that creates multiple filters in your Bootstrap table columns to narrow down or re-sort the tabular data just like in the MS Excel. With UniFilter you can set up any number of filters, range sliders and search boxes. Live Text Search Function Using jQuery Today we are going to look at using jQuery to create a “live search” feature for your website. It can work for multiple tables on a single page, as well as with tables that contain various combinations of merged cells. To have the filter feature always appear, set the minRows option accordingly. There are so many plugins are available in the internet but here I didn’t used any plugins. Demo Download. Extending jQuery with plugins and methods is very powerful and can save you and your peers a lot of development time by abstracting your most clever functions into plugins. wpDataTables(FREE/$59-plus). It provides searching, sorting, pagination  and many more cool features without any configuration. For example:. How to Filter Database Records using Textbox - Radiobuttons - Dropdown and Datepicker using PHP - Duration: Jquery Ajax Filter Table - Duration: 10:33. Used to identify when and where the filter plugin initializes (target of the event). Read tutorial and Download source code from. Rows become expandable to reveal any hidden data. Export a table to Excel with style To export the table, use window. Usage example // only lowercase alphabets are allowed $('#text_input'). All we know, that when we facing with necessarity to display large amount of data – we starting thinking about adding pagination. However, now we can. One can also define clickable shortcuts for commonly used terms. CSS customizable. This plug-in adds lot of functionalities to the plain HTML tables that are placed in web pages such as filtering, paging, sorting, changing page length, etc. paginemytable is a small and fast jQuery table pagination plugin which splits your large table into organized pages with numeric pagination and next/prev navigation. 12 Amazing jQuery Tables This popular article on jQuery Tables was updated on 10th November, 2016 to reflect the current state of jQuery table plugins. jQuery EasyUI will show you the live demo of components. What is jTable. UniFilter jQuery Plugin is a #1 solution for filtering, sorting and searching through a set of items that can be your online shop, a photo gallery or simply some set of items. This is a very advance & well known jquery table filter plugin which through you can filter your html table data's easily. Server-Side Data in jQuery DataTables with ASP. No HTML knowledge is required, as a comfortable interface allows to easily edit table data. The ability to sort your data is crucial when looking for patterns. Usage example // only lowercase alphabets are allowed $('#text_input'). jQuery plugin for an Excel-like table filter dropdown with search, sort and checkboxes. Why isn't the filtering showing up on small tables? The plugin will not show for tables with fewer than 8 rows by default. jQuery Filter Table Plugin. laerciovidracaria. Bootstrap example of Panel Tables with Filter using HTML, Javascript, jQuery, and CSS. jQuery Listnav. Usage There are 3 ways you can initialize the plugin: Overflow scrolling The table is inside of a container with overflow:auto; Window scrolling Header becomes locked at the top of the page as user scrolls down. jQuery DataTables is a very progressive enhancement for the jQuery that allows to add advanced interaction controls to any HTML table on your web page. Its API is focused on simplicity : only a few lines of code are necessary to get your first editable grid up and running. This plugin is very lightweight and adds ui-table class, parses the table headers and generates information on the columns of data, and fires a tablecreate event. This plugin will also add a jQuery search filter to your table. queryBuilder ({plugins: {'bt-tooltip-errors': {delay: 100}, 'sortable': null}}); Below you can find the plugins shipped by default with QueryBuilder, with their. These libraries provide data validation, formatting options and easy join tables abilities. WP Jquery Data table plugin can help the WordPress website owner to insert table anywhere for displaying any information in tabular form, which will also have some cool features like option of selecting no. It is a highly flexible tool, based upon the foundations of progressive enhancement, which will add advanced interaction controls to any HTML table. Hover over the grey bar below the table header to open the filter row. The quality of jQuery plugins varies widely. Get the current computed outer height (including padding, border, and optionally margin) for the first element in the set of matched elements or set the outer height of every matched element. Real-time search on HTML table using jQuery - Lightweight code snippet to perform live search and filter on HTML table without any jQuery plugin. It includes plenty of visual and functional customisation options. This widget uses jQuery's. But one simple trick is to use PHP inbuilt function rt. Here is a collction of jQuery HTML5 & CSS3 Plugins with Demo & Download file. How to build a simple table filter with jQuery Posted on June 30, 2013 September 15, 2014 by hb I needed to have a very lightweight and easy to use javascript table filter. jQuery Plugin For On Screen Table Filter - Filter On The Table 04/20/2014 - Table - 3394 Views. Basic usage. It searches for inner html of a element with. Advanced filtering is a special wpDataTables feature that enables frontend table users to filter the data in the tables by the values of each individual column; e. See issue #796 for details. How to Filter Database Records using Textbox - Radiobuttons - Dropdown and Datepicker using PHP - Duration: Jquery Ajax Filter Table - Duration: 10:33. Usage There are 3 ways you can initialize the plugin: Overflow scrolling The table is inside of a container with overflow:auto; Window scrolling Header becomes locked at the top of the page as user scrolls down. This plugin will add a search filter to tables. Filter Table Plugin Features: Live searching for HTML tables Input typing and auto tag search Lightweight Cross browser support Open source […]. In this post I describe a jQuery plug-in that attempts to make any table scrollable by decomposing and reassembling the table into two distinct areas. This is an add-on for the DataTables plugin for jQuery that creates filtering widgets based on the data in table columns. Dynatable is a funner, semantic, interactive table plugin using jQuery, HTML5, and JSON. What is jTable. Hover over the grey bar below the table header to open the filter row. Export a table to Excel with style To export the table, use window. This widget uses jQuery's. The general purpose of these plugins is to filter as you type which makes your search easier and faster. We will explain and cover this tutorial in easy steps with live demo to create editable HTML table and save live edit changes into MySQL database table. jQuery DataTables Plugin is a table system that would use JSON to return data rather than have the data be statically allocated on the page. jQuery Filter Table plugin offers you the option for live searching and filtering for HTML tables in a jQuery plugin. jQuery Table Sorter This plugin can parse and sort so many data types including linked data in a cell. This is an unobstrusive jQuery plugin which is a drop-in replacement for the standard element with multiple attribute activated. This is a stupidly simple, absurdly lightweight jQuery table sorting plugin. In Angularjs we have data grids like ng-grid, smart table, UI Grid etc. This article will share 15 useful jQuery table plugins for you to display, sort, filter and manipulate your data in table. Add a slick "letter-based" navigation bar to all of your lists. Multipurpose jQuery Plugin for Filtering, Sorting & Searching. It can easily parse & sort many types of data including linked data in a cell. There are so many plugins are available in the internet but here I didn’t used any plugins. This jQuery plug-in allows the user to easily add filter components to table columns, the plug-in works on top of the DataTables jQuery plug-in. Bootstrap Table: An extended Bootstrap table with radio, checkbox, sort, pagination, and other added features. We use this badge to highlight plugins we feel are unique, interesting and/or well executed. NET and NodeJS that provide everything needed on the server-side for your tables and to act on edits by users. class name or ID). This jQuery plugin offers a twist on the carousel component: Timeline. tablefilter. Stupid-table-plugin. A listview is coded as a simple unordered list containing linked list items with a data-role="listview" attribute. Attach the plugin. AspNetCore Optionally Nuget install-package Mvc. All the following code examples are based on this HTML page content. When typing in the filter, any rows that do not contain the filter will be hidden. Editor comes with a set of comprehensive libraries for PHP,. These great filter plugins with allow users to filter posts, results or even products according to respective categories, prices or availability by using the jQuery plugins on literally any page. Guriddo jqGrid Mobile JavaScript Demo New Guriddo jqGrid Bootstrap JavaScript Demo New Guriddo jqGrid demo (new window). The good part of the plugin is it doesn't need to reload the page while sorting the table. Bootstrap table editor plugin (jQuery version) Bootstrap Table Editor is an extension that allows you to create customized, fully editable tables. paginemytable is a small and fast jQuery table pagination plugin which splits your large table into organized pages with numeric pagination and next/prev navigation. Note the HTML attribute data-isotope is set with single quotes ', but JSON entities use double-quotes ". If the call to the service is successful, then we call DataTable function of the datatables plugin API which converts our table into a multi-purpose table which can help to show data, filter data, sort data, paging of data, hiding / showing columns etc. To add datepicker you can use jQuery UI, Bootstrap, or any other jQuery plugin. jQuery Forum Move this topic Forum : Getting Started Using jQuery Using jQuery Plugins Using jQuery UI Developing jQuery Core Developing jQuery Plugins Developing jQuery UI QUnit and Testing About the jQuery Forum jQuery Conferences jQuery Mobile Developing jQuery Mobile. With new features released every month, there is bound to be something to get your interactive table juices flowing. simplePagination. Added & set filter_saveFilters to true (default is false) in this demo (v2. by Kyo Nagashima. Here is a collection of new, top, best and latest Bootstrap plugin for your website projects. NET 17 December 2014 Comments Posted in ASP. We strongly recommend. In my project on Angular. $ ('#builder'). jQuery Filter Table Plugin. When typing in the filter, any rows that do not contain the filter will be hidden. Tables can contain any type of data, even formulas that will be evaluated. It has several features including: Automatically creates HTML table and loads records from server using AJAX. excel-bootstrap-table-filter. To demonstrate exporting to Excel, I extended the Scrollable Table to have a new function called exportToExcel. Given a jQuery object that represents a set of DOM elements, the. It can easily parse & sort many types of data including linked data in a cell. Nice, sleek and intuitive. It is absolutely free, open source and distributed under the MIT license. x version please pay special attention to step 6 as the method to register the custom. jQuery Filter Table Plugin [ DEMO | DOWNLOAD] This plugin will add a search filter to tables. JavaScript Reference HTML DOM Reference jQuery Reference AngularJS Reference W3. Hover over the grey bar below the table header to open the filter row. Created in 2006 by John Resig, the jQuery library is now the most popular JavaScript library on the web. In this tutorial you will learn how to implement live editable HTML table with jQuery and PHP. Filter HTML table with Textbox and Select Option using Javascript or Jquery [Answered] RSS 4 replies Last post Feb 16, 2017 07:18 AM by jimmy69. filter_input({regex:'[a-z]'}); // only numbers are allowed. DataTables is very powerful jQuery plugin which offer a lot of features. BlockUI adds elements to the DOM to give it both the appearance and behavior of blocking user interaction. Best jQuery Table Sorter Plugins. ; Updated in v2. nextUntil() function which is only available is jQuery. FilterTable that helps us to easily filter tabular data in client side. jQuery jPList Plugin is a flexible jQuery plugin for sorting, pagination and filtering of any HTML structure (DIVs, UL/LI, tables, etc) Watable. Table is used to display information in gentle way to end users. This jQuery Filter List Search is used to search any texts inside the list (ul,ol li tags). Turn your simple table into a sophisticated data table and offer your users a nice experience and great features without any effort. link Basic Plugin Authoring. The good news is that there are many – perhaps too many – jQuery plugins that add this functionality. jQuery Forum Move this topic Forum : Getting Started Using jQuery Using jQuery Plugins Using jQuery UI Developing jQuery Core Developing jQuery Plugins Developing jQuery UI QUnit and Testing About the jQuery Forum jQuery Conferences jQuery Mobile Developing jQuery Mobile. The supplied selector is tested against each element; all elements matching the selector will be included in the result. Plugin’s settings will display ‘WP jQuery DataTable’ tab. queryBuilder ({plugins: {'bt-tooltip-errors': {delay: 100}, 'sortable': null}}); Below you can find the plugins shipped by default with QueryBuilder, with their. If you are currently using WP-Table Reloaded, it is highly recommended that you switch to TablePress. wb-filter element is added after the page has already loaded. In this tutorial you will learn how to implement live editable HTML table with jQuery and PHP. The exportToExcel function takes an optional parameter containing filter criteria to filter what data is exported to Excel. DataTables – jQuery Table sorter Free Plugin. There are plenty jquery plugins available on the web which enables users to create powerful web applications and widgets in minutes – without having to know much about coding. This is a very advance & well known jquery table filter plugin which through you can filter your html table data's easily. If you run a certain calendar application, you could allow your users to select from a range of dates rather than make them select dates individually. 0, we have created a new version of the jQuery Migrate Plugin to simplify migration of older code to version 3. Why isn't the filtering showing up on small tables? The plugin will not show for tables with fewer than 8 rows by default. Table B contains all the data from a specific database and Table A just contains one of the fields. We also have some more jQuery plugins for you:. A listview is coded as a simple unordered list containing linked list items with a data-role="listview" attribute. jQuery DataTables is a very progressive enhancement for the jQuery that allows to add advanced interaction controls to any HTML table on your web page. NET MVC & AngularJs by creator of jTable!. This jQuery plugin allows you to display a list as a set of boxes that can be ordered and filtered as desired. JavaScript Reference HTML DOM Reference jQuery Reference AngularJS Reference W3. Pivot Table - supplies you with tools to aggregate and summarize table data in pivot tables. This plugin will also add a jQuery search filter to your table. If you are currently using WP-Table Reloaded, it is highly recommended that you switch to TablePress. Usually the results appear through. It can work for multiple tables on a single page, as well as with tables that contain various combinations of merged cells. Laravel DataTables Demo Application Datatables Package for Laravel 4. jQuery plugin for an Excel-like table filter dropdown with search, sort and checkboxes. Filterable : jQuery Table Column Filter for Bootstrap Download Demo Bootstrap and X-editable themed jQuery plugin that preforms per-column filtering for an HTML table. Jquery plugin for multi column table sorting and filtering dynamitable this is my table with data to be filtered filterable jquery plugin for per column filtering excel like column filter to data table is not working in firefox ie jquery forum. Jquery DataTables plugin allows you to search through all the columns and it works pretty well. The exportToExcel function takes an optional parameter containing filter criteria to filter what data is exported to Excel. Hover over the grey bar below the table header to open the filter row. NET webform server side. 3) options: the options of the filter type. When typing in the filter, any rows that do not contain the filter will be hidden. jsGrid is a lightweight jQuery plugin to completely responsive tables in Bootstrap. I built this jQuery plugin for a quick way of allowing table columns to be filtered by the user. Creates 'create new record' jQueryUI dialog form. If you have a problem and need a solution for it, chances are high that a JavaScript library or jQuery plugin exists that was created to solve this very problem. The children of any element can be filtered by setting the attribute data-filter="true" on the element. 0 to properly escape regexp characters. This is a job for closures. Set to false to use only other events for validation. In our last article we shared best jQuery plugins of june 2015, This time we at TGZ have collected some best table jQuery plugins for our readers. One can also define clickable shortcuts for commonly used terms. The plugin can sort and parse easily many types of data including linked data in a cell. The jQuery object gets these methods from the $. For example:. JavaScript Reference HTML DOM Reference jQuery Reference AngularJS Reference W3. js in your page:. But this method would not work if you need to reload the data using, let's say a drop. As a reminder, tables in HTML have a header and a body. The jQuery Autocomplete plugin released by DevBridge has the exact functionality. There are plenty jquery plugins available on the web which enables users to create powerful web applications and widgets in minutes – without having to know much about coding. It's pretty sweet. When typing in the filter, any rows that do not contain the filter will be hidden. r/jquery: News, articles, plugins and tutorials for jQuery, the world's most popular Javascript library! I'm trying to remove then re-add table rows using a. $ ('#builder'). DataTables – jQuery Table sorter Free Plugin. Simplest jQuery Table Row Filter Plugin - LiveSearch LiveSearch is a dead simple jQuery script used to filter/search quickly through table rows through a text input field. Flexigrid - MORE INFO / DEMO. The table has all the basic features required for a table like sorting, searching, pagination, scrolling the entries, etc. Advertisement: Professional startup template for ASP. Many plugins are extensively tested and well-maintained, but others are hastily created and then ignored. DataTables is a plug-in for the jQuery Javascript library. Chart from Table - gives you freedom in visualizing your table values with dynamic charts. by Kyo Nagashima. The DataTables JavaScript library has a Column Filter plugin that allows to add filtering boxes to the table foot row. Organizing a table often proves to be a tedious job. Lightweight Grid jQuery Plugin. Illustration by akselkreis. filter_input({regex:'[a-z]'}); // only numbers are allowed. I followed this tutorial and it worked perfectly. With the right jQuery plugin, you can create dynamic tables in which users can identify and sort out all. jTable is a jQuery plugin that is used to create AJAX based CRUD tables without coding HTML or Javascript. nextUntil() function which is only available is jQuery. js is a jQuery plugin that creates multiple filters in your Bootstrap table columns to narrow down or re-sort the tabular data just like in the MS Excel. See issue #796 for details. tablesorter - jQuery Table Plugins. The plugins allow the users to create emboss effects, 3D effects and linear and dynamic rearrangement options that can make the table instantly recognizable out of the content. Add Button on each row of jQuery DataTable using jQuery DataTable plugin in ASP. If you want to remove the comma from the end of a string, you can use various tricks. The first and default is 'text' which just produces a text box for context sensitive text matches. wpDataTables(FREE/$59-plus). How to use. The base table in the example below is a clone of the showcase example to demonstrate that the dropdown keeps the filter state across various table operations such as filtering, sorting, paging. Multipurpose jQuery Plugin for Filtering, Sorting & Searching. The best jQuery AJAX Pagination plugin——DataTable jQuery plugin! Cynteka Pivot Table This is a jQuery plugin that can be used on a website for olap data analysis, smart navigation,. Table Filter - provides different types of filters for filtering text values, numbers, dates, icons, and states of checkboxes. When user creates a record, it sends data to server using AJAX and adds the same record to the table in the page. This widget uses jQuery's. js I came across a use case where I needed to paginate the HTML tables. Adaptive Images, intended to be used with responsive and fluid layout techniques, is a solution that will automatically create, cache, and deliver device-appropriate (it detects the resolution of the visitors screen) of your website's content images. Include jQuery & Sticky. Fear not, it also works without Bootstrap! Download FooTable. These great filter plugins with allow users to filter posts, results or even products according to respective categories, prices or availability by using the jQuery plugins on literally any page.