├── .gitignore
├── examples
    ├── samples-common.js
    ├── samples-styles.css
    ├── index.html
    ├── filtertable-ignore-class.html
    ├── filtertable-min-rows.html
    ├── filtertable-quick.html
    ├── filtertable-sample.html
    ├── filtertable-any-term.html
    ├── filtertable-existing-input.html
    ├── filtertable-all-terms.html
    ├── filtertable-min-chars.html
    ├── filtertable-striping.html
    └── filtertable-ignore-columns.html
├── .editorconfig
├── bower.json
├── FAQ.md
├── package.json
├── filterTable.jquery.json
├── MIT-LICENSE.txt
├── jquery.filtertable.min.js
├── CHANGELOG.md
├── README.md
└── jquery.filtertable.js


/.gitignore:
--------------------------------------------------------------------------------
 1 | # OS generated files #
 2 | ######################
 3 | .DS_Store
 4 | .DS_Store?
 5 | ._*
 6 | .Spotlight-V100
 7 | .Trashes
 8 | Icon?
 9 | ehthumbs.db
10 | Thumbs.db
11 | 
12 | # Codekit files
13 | config.codekit*
14 | .codekit-cache
15 | examples-codekit/
16 | 


--------------------------------------------------------------------------------
/examples/samples-common.js:
--------------------------------------------------------------------------------
 1 | ;(function($) {
 2 |     $(document).ready(function() {
 3 |         // allow the example links to fill and trigger the filtering
 4 |         $('.fill-filter').on('click', function(ev) {
 5 |             ev.preventDefault();
 6 |             $('.filter-table input').val($(this).text()).focus().trigger('click');
 7 |         });
 8 |     });
 9 | })(jQuery);
10 | 


--------------------------------------------------------------------------------
/.editorconfig:
--------------------------------------------------------------------------------
 1 | # EditorConfig is awesome: http://EditorConfig.org
 2 | 
 3 | #
 4 | root = true
 5 | 
 6 | # all files
 7 | [*]
 8 | end_of_line = lf
 9 | insert_final_newline = true
10 | indent_style = space
11 | indent_size = 4
12 | charset = utf-8
13 | trim_trailing_whitespace = true
14 | 
15 | # sass files
16 | [*.{scss,sass}]
17 | indent_size = 2
18 | 
19 | # markdown
20 | [*.md]
21 | trim_trailing_whitespace = false
22 | 


--------------------------------------------------------------------------------
/bower.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "name": "filterTable",
 3 |     "description": "Live searching/filtering for HTML tables with optional quick search buttons.",
 4 |     "keywords": [
 5 |         "table",
 6 |         "search",
 7 |         "filter"
 8 |     ],
 9 |     "authors": [
10 |         {
11 |             "name": "Sunny Walker",
12 |             "homepage": "http://www.miraclesalad.com/"
13 |         }
14 |     ],
15 |     "license": "MIT",
16 |     "homepage": "http://sunnywalker.github.io/jQuery.FilterTable/",
17 |     "dependencies": {
18 |         "jquery": ">=1.4"
19 |     },
20 |     "main": "jquery.filtertable.js",
21 |     "ignore": [
22 |         "examples/",
23 |         "**/.*"
24 |     ]
25 | }
26 | 


--------------------------------------------------------------------------------
/FAQ.md:
--------------------------------------------------------------------------------
 1 | # jQuery.filterTable Frequently Asked Questions
 2 | 
 3 | ## How do I keep the header and/or footer rows from disappearing on filter?
 4 | 
 5 | Ensure your header row(s) are in `<thead></thead>` tags, your data row(s) are in `<tbody></tbody>` tags, and your footer row(s) are in `<tfoot></tfoot>` tags. The plugin only filters `tbody` rows, but if you do not specify `thead`, `tbody`, `tfoot`, the brower puts all of your rows in a `tbody` block.
 6 | 
 7 | ## Why isn't the filtering showing up on small tables?
 8 | 
 9 | The plugin will not show for tables with fewer than `8` rows by default. To have the filter feature always appear, set the `minRows` option accordingly. For example:
10 | 
11 |     $('table').filterTable({minRows: 0});
12 | 
13 | Or see the [minRows example page](http://sunnywalker.github.io/jQuery.FilterTable/examples/filtertable-min-rows.html).
14 | 
15 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "jquery.filtertable",
 3 |   "version": "1.5.6",
 4 |   "description": "Live searching/filtering for HTML tables with optional quick search buttons.",
 5 |   "main": "jquery.filtertable.js",
 6 |   "directories": {
 7 |     "example": "examples"
 8 |   },
 9 |   "scripts": {
10 |     "test": "echo \"Error: no test specified\" && exit 1"
11 |   },
12 |   "repository": {
13 |     "type": "git",
14 |     "url": "git+https://github.com/sunnywalker/jQuery.FilterTable.git"
15 |   },
16 |   "dependencies": {
17 |     "jquery": ">=1.4"
18 |   },
19 |   "keywords": [
20 |     "table",
21 |     "search",
22 |     "filter"
23 |   ],
24 |   "author": "Sunny Walker (http://www.miraclesalad.com/)",
25 |   "license": "MIT",
26 |   "bugs": {
27 |     "url": "https://github.com/sunnywalker/jQuery.FilterTable/issues"
28 |   },
29 |   "homepage": "http://sunnywalker.github.io/jQuery.FilterTable/"
30 | }
31 | 


--------------------------------------------------------------------------------
/filterTable.jquery.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "name": "filterTable",
 3 |     "title": "jQuery FilterTable",
 4 |     "description": "Live searching/filtering for HTML tables with optional quick search buttons.",
 5 |     "keywords": [
 6 |         "table",
 7 |         "search",
 8 |         "filter"
 9 |     ],
10 |     "version": "1.5.2",
11 |     "author": {
12 |         "name": "Sunny Walker",
13 |         "url": "http://www.miraclesalad.com/"
14 |     },
15 |     "licenses": [
16 |         {
17 |             "type": "MIT",
18 |             "url": "https://github.com/sunnywalker/jQuery.FilterTable/blob/master/MIT-LICENSE.txt"
19 |         }
20 |     ],
21 |     "bugs": "https://github.com/sunnywalker/jQuery.FilterTable/issues",
22 |     "homepage": "http://sunnywalker.github.io/jQuery.FilterTable/",
23 |     "docs": "http://sunnywalker.github.io/jQuery.FilterTable/",
24 |     "demo": "http://sunnywalker.github.io/jQuery.FilterTable/filtertable-quick.html",
25 |     "dependencies": {
26 |         "jquery": ">=1.4"
27 |     }
28 | }


--------------------------------------------------------------------------------
/MIT-LICENSE.txt:
--------------------------------------------------------------------------------
 1 | (The MIT License)
 2 | 
 3 | Copyright (c) 2012 Sunny Walker <swalker@hawaii.edu>
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the 'Software'), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
 6 | 
 7 | The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 8 | 
 9 | THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
10 | 


--------------------------------------------------------------------------------
/examples/samples-styles.css:
--------------------------------------------------------------------------------
 1 | /*
 2 | These styles are for the sample pages,
 3 | and have no impact on the use or functionality
 4 | of the jQuery Filter Table Plugin.
 5 | 
 6 | Plugin related styling is contained within
 7 | each sample page.
 8 | */
 9 | 
10 | /* generic page styling */
11 | * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
12 | body { -webkit-font-smoothing: antialiased; font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 100%; margin: 0 auto; max-width: 40em; padding-bottom: 3em; }
13 | pre, code { background-color: rgba(0, 0, 0, 0.04); padding: 0.2em 0; margin: 0; font-size: 85%; border-radius: 3px; font-family: Consolas, Menlo, monospace; }
14 | pre { white-space: pre-wrap; }
15 | 
16 | h2 { margin-top: 1em; padding-top: 1em; border-top: 2px solid #eee; }
17 | 
18 | li { margin-bottom: 0.5em; }
19 | 
20 | /* generic table styling */
21 | table { border-collapse: collapse; width: 100%; }
22 | th, td { padding: 5px; }
23 | th { border-bottom: 2px solid #999; background-color: #eee; vertical-align: bottom; text-align: left; }
24 | td { border-bottom: 1px solid #ccc; }
25 | 


--------------------------------------------------------------------------------
/examples/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <head>
 4 |     <meta charset="utf-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <link rel="stylesheet" href="samples-styles.css">
 7 |     <title>jQuery.FilterTable Samples</title>
 8 | </head>
 9 | <body>
10 |     <h1>jQuery.FilterTable Samples</h1>
11 |     <p>The following are very basic pages which use the <a href="http://sunnywalker.github.com/jQuery.FilterTable">jQuery Filter Table Plugin</a>.</p>
12 |     <ul>
13 |         <li><a href="filtertable-sample.html">Basic Sample</a></li>
14 |         <li><a href="filtertable-striping.html">Alternate Row Striping</a></li>
15 |         <li><a href="filtertable-quick.html">Quick List Items</a></li>
16 |         <li><a href="filtertable-existing-input.html">Using an Existing Input for Filtering</a></li>
17 |         <li><a href="filtertable-any-term.html">Filter on Any Term</a></li>
18 |         <li><a href="filtertable-all-terms.html">Filter on All Terms</a></li>
19 |         <li><a href="filtertable-ignore-class.html">Ignore a Class</a></li>
20 |         <li><a href="filtertable-ignore-columns.html">Ignore Columns</a></li>
21 |         <li><a href="filtertable-min-rows.html">Minimum Rows on Various Table Sizes</a></li>
22 |         <li><a href="filtertable-min-chars.html">Minimum Characters</a></li>
23 |     </ul>
24 | </body>
25 | </html>


--------------------------------------------------------------------------------
/examples/filtertable-ignore-class.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <head>
 4 |     <meta charset="utf-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>jQuery.FilterTable Ignore a Class Sample</title>
 7 |     <link rel="stylesheet" href="samples-styles.css">
 8 |     <style>
 9 |     /* filter table specific styling */
10 |     td.alt { background-color: #ffc; background-color: rgba(255, 255, 0, 0.2); }
11 | 
12 |     /* style ignored class */
13 |     .no-filter { color: #999; }
14 |     </style>
15 | </head>
16 | <body>
17 |     <h1>jQuery.FilterTable Ignore a Class Sample</h1>
18 |     <p><a href="index.html">&larr; More samples</a></p>
19 |     <h2>Ignore a Class</h2>
20 |     <p>This is a sample of the <a href="http://sunnywalker.github.com/jQuery.FilterTable">jQuery.FilterTable plugin</a> using the <code>ignoreClass</code> option.</p>
21 |     <p>In this sample, cells with the <code>no-filter</code> class are ignored—not filtered. Also in this sample, the ignored cells are styled via CSS to help identify that they are ignored.</p>
22 |     <p>For example:</p>
23 |     <ul>
24 |         <li>Search for “<a href="#" class="fill-filter">pink</a>” and note that neither “dragon fruit” nor “guava” are highlighted because both cells with pink have the <code>no-filter</code> class.</li>
25 |         <li>Search for “<a href="#" class="fill-filter">white</a>” and note that while “dragon fruit” has “white” in its row, it is not highlighted because the cell with “white” has the ignored <code>no-filter</code> class.</li>
26 |         <li>Search for “<a href="#" class="fill-filter">fruit</a>” and note that only “dragon fruit” is highlighted because “star fruit” and “lilikoʻi (passion fruit)” have the ignored <code>no-filter</code> class.</li>
27 |     </ul>
28 |     <table>
29 |         <thead>
30 |             <tr>
31 |                 <th scope="col">Fruit</th>
32 |                 <th scope="col">Mesocarp Color(s) When Ripe</th>
33 |             </tr>
34 |         </thead>
35 |         <tbody>
36 |             <tr><td>Avocado</td><td>Green</td></tr>
37 |             <tr><td>Banana</td><td>Yellow</td></tr>
38 |             <tr><td>Dragon fruit</td><td class="no-filter">Pink, White</td></tr>
39 |             <tr><td>Guava</td><td class="no-filter">Pink</td></tr>
40 |             <tr><td class="no-filter">Lilikoʻi (Passion fruit)</td><td>Orange, Yellow</td></tr>
41 |             <tr><td>Lychee</td><td>White</td></tr>
42 |             <tr><td>Mango</td><td>Orange, Yellow</td></tr>
43 |             <tr><td>Papaya</td><td>Orange, Red, Yellow</td></tr>
44 |             <tr><td>Pineapple</td><td>White, Yellow</td></tr>
45 |             <tr><td class="no-filter">Star fruit</td><td>Green, White, Yellow</td></tr>
46 |         </tbody>
47 |     </table>
48 |     <h2>Code</h2>
49 |     <pre>$('table').filterTable({
50 |     ignoreClass: 'no-filter'
51 | });</pre>
52 |     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
53 |     <script src="../jquery.filtertable.min.js"></script>
54 |     <script>
55 |     $(document).ready(function() {
56 |         // apply filterTable to all tables on this page but don't filter content with the no-filter class
57 |         $('table').filterTable({ignoreClass: 'no-filter'});
58 |     });
59 |     </script>
60 |     <script src="samples-common.js"></script><!-- this is only needed for the sample page and not for your projects -->
61 | </body>
62 | </html>


--------------------------------------------------------------------------------
/examples/filtertable-min-rows.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <head>
 4 |     <meta charset="utf-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>jQuery.FilterTable Minimum Rows Sample</title>
 7 |     <link rel="stylesheet" href="samples-styles.css">
 8 |     <style>
 9 |     /* filter table specific styling */
10 |     td.alt { background-color: #ffc; background-color: rgba(255, 255, 0, 0.2); }
11 |     </style>
12 | </head>
13 | <body>
14 |     <h1>jQuery.FilterTable Minimum Rows Sample</h1>
15 |     <p><a href="index.html">&larr; More samples</a></p>
16 |     <p>This is a sample of the <a href="http://sunnywalker.github.com/jQuery.FilterTable">jQuery.FilterTable plugin</a> which illustrates the <code>minRows</code> option.</p>
17 |     <h2>Example 1: Mininum Rows Default (8)</h2>
18 |     <p>By default, the plugin will add filtering only to tables with at least 8 rows in the <code>tbody</code>. In this example, the table has more than the minimum rows, so filtering is added.</p>
19 |     <table class="example-1">
20 |         <thead>
21 |             <tr>
22 |                 <th scope="col">Fruit</th>
23 |                 <th scope="col">Mesocarp Color(s) When Ripe</th>
24 |             </tr>
25 |         </thead>
26 |         <tbody>
27 |             <tr><td>Avocado</td><td>Green</td></tr>
28 |             <tr><td>Banana</td><td>Yellow</td></tr>
29 |             <tr><td>Dragon fruit</td><td>Pink, White</td></tr>
30 |             <tr><td>Guava</td><td>Pink</td></tr>
31 |             <tr><td>Lilikoʻi (Passion fruit)</td><td>Orange, Yellow</td></tr>
32 |             <tr><td>Lychee</td><td>White</td></tr>
33 |             <tr><td>Mango</td><td>Orange, Yellow</td></tr>
34 |             <tr><td>Papaya</td><td>Orange, Red, Yellow</td></tr>
35 |             <tr><td>Pineapple</td><td>White, Yellow</td></tr>
36 |             <tr><td>Star fruit</td><td>Green, White, Yellow</td></tr>
37 |         </tbody>
38 |     </table>
39 |     <h3>Code</h3>
40 |     <pre>$('.example-1').filterTable();</pre>
41 | 
42 |     <h2>Example 2: Mininum Rows Default (8) on a Small Table</h2>
43 |     <p>By default, the plugin will add filtering only to tables with at least 8 rows in the <code>tbody</code>. On a table with fewer than this minimum, no filtering is added.</p>
44 |     <table class="example-2">
45 |         <thead>
46 |             <tr>
47 |                 <th scope="col">Fruit</th>
48 |                 <th scope="col">Mesocarp Color(s) When Ripe</th>
49 |             </tr>
50 |         </thead>
51 |         <tbody>
52 |             <tr><td>Avocado</td><td>Green</td></tr>
53 |             <tr><td>Banana</td><td>Yellow</td></tr>
54 |             <tr><td>Mango</td><td>Orange, Yellow</td></tr>
55 |             <tr><td>Papaya</td><td>Orange, Red, Yellow</td></tr>
56 |             <tr><td>Pineapple</td><td>White, Yellow</td></tr>
57 |         </tbody>
58 |     </table>
59 |     <h3>Code</h3>
60 |     <pre>$('.example-2').filterTable();</pre>
61 | 
62 |     <h2>Example 3: Mininum Rows 0 on a Small Table</h2>
63 |     <p>Setting the <code>minRows</code> option to <code>0</code> will always add filtering to a table, no matter how many rows the <code>tbody</code> contains.</p>
64 |     <table class="example-3">
65 |         <thead>
66 |             <tr>
67 |                 <th scope="col">Fruit</th>
68 |                 <th scope="col">Mesocarp Color(s) When Ripe</th>
69 |             </tr>
70 |         </thead>
71 |         <tbody>
72 |             <tr><td>Avocado</td><td>Green</td></tr>
73 |             <tr><td>Banana</td><td>Yellow</td></tr>
74 |             <tr><td>Mango</td><td>Orange, Yellow</td></tr>
75 |             <tr><td>Papaya</td><td>Orange, Red, Yellow</td></tr>
76 |             <tr><td>Pineapple</td><td>White, Yellow</td></tr>
77 |         </tbody>
78 |     </table>
79 |     <h3>Code</h3>
80 |     <pre>$('.example-3').filterTable({
81 |     minRows: 0
82 | });</pre>
83 | 
84 |     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
85 |     <script src="../jquery.filtertable.min.js"></script>
86 |     <script>
87 |     $(document).ready(function() {
88 |         $('.example-1').filterTable(); // default on big table
89 |         $('.example-2').filterTable(); // default on small table
90 |         $('.example-3').filterTable({minRows: 0}); // 0 minRows on small table
91 |     });
92 |     </script>
93 | </body>
94 | </html>


--------------------------------------------------------------------------------
/jquery.filtertable.min.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * jquery.filterTable
 3 |  *
 4 |  * This plugin will add a search filter to tables. When typing in the filter,
 5 |  * any rows that do not contain the filter will be hidden.
 6 |  *
 7 |  * Utilizes bindWithDelay() if available. https://github.com/bgrins/bindWithDelay
 8 |  *
 9 |  * @version v1.5.7
10 |  * @author Sunny Walker, swalker@hawaii.edu
11 |  * @license MIT
12 |  */
13 | !function($){var e=$.fn.jquery.split("."),t=parseFloat(e[0]),i=parseFloat(e[1]);t<2&&i<8?($.expr[":"].filterTableFind=function(e,t,i){return $(e).text().toUpperCase().indexOf(i[3].toUpperCase().replace(/"""/g,'"').replace(/"\\"/g,"\\"))>=0},$.expr[":"].filterTableFindAny=function(e,t,i){var n=i[3].split(/[\s,]/),r=[];return $.each(n,function(e,t){var i=t.replace(/^\s+|\s$/g,"");i&&r.push(i)}),!!r.length&&function(e){var t=!1;return $.each(r,function(i,n){if($(e).text().toUpperCase().indexOf(n.toUpperCase().replace(/"""/g,'"').replace(/"\\"/g,"\\"))>=0)return t=!0,!1}),t}},$.expr[":"].filterTableFindAll=function(e,t,i){var n=i[3].split(/[\s,]/),r=[];return $.each(n,function(e,t){var i=t.replace(/^\s+|\s$/g,"");i&&r.push(i)}),!!r.length&&function(e){var t=0;return $.each(r,function(i,n){$(e).text().toUpperCase().indexOf(n.toUpperCase().replace(/"""/g,'"').replace(/"\\"/g,"\\"))>=0&&t++}),t===r.length}}):($.expr[":"].filterTableFind=jQuery.expr.createPseudo(function(e){return function(t){return $(t).text().toUpperCase().indexOf(e.toUpperCase().replace(/"""/g,'"').replace(/"\\"/g,"\\"))>=0}}),$.expr[":"].filterTableFindAny=jQuery.expr.createPseudo(function(e){var t=e.split(/[\s,]/),i=[];return $.each(t,function(e,t){var n=t.replace(/^\s+|\s$/g,"");n&&i.push(n)}),!!i.length&&function(e){var t=!1;return $.each(i,function(i,n){if($(e).text().toUpperCase().indexOf(n.toUpperCase().replace(/"""/g,'"').replace(/"\\"/g,"\\"))>=0)return t=!0,!1}),t}}),$.expr[":"].filterTableFindAll=jQuery.expr.createPseudo(function(e){var t=e.split(/[\s,]/),i=[];return $.each(t,function(e,t){var n=t.replace(/^\s+|\s$/g,"");n&&i.push(n)}),!!i.length&&function(e){var t=0;return $.each(i,function(i,n){$(e).text().toUpperCase().indexOf(n.toUpperCase().replace(/"""/g,'"').replace(/"\\"/g,"\\"))>=0&&t++}),t===i.length}})),$.fn.filterTable=function(e){var t={autofocus:!1,callback:null,containerClass:"filter-table",containerTag:"p",filterExpression:"filterTableFind",hideTFootOnFilter:!1,highlightClass:"alt",ignoreClass:"",ignoreColumns:[],inputSelector:null,inputName:"",inputType:"search",label:"Filter:",minChars:1,minRows:8,placeholder:"search this table",preventReturnKey:!0,quickList:[],quickListClass:"quick",quickListClear:"",quickListGroupTag:"",quickListTag:"a",visibleClass:"visible"},i=function(e){return e.replace(/&/g,"&amp;").replace(/"/g,"&quot;").replace(/</g,"&lt;").replace(/>/g,"&gt;")},n=$.extend({},t,e),r=function(e,t){var i=e.find("tbody");if(""===t||t.length<n.minChars)i.find("tr").show().addClass(n.visibleClass),i.find("td").removeClass(n.highlightClass),n.hideTFootOnFilter&&e.find("tfoot").show();else{var r=i.find("td");if(i.find("tr").hide().removeClass(n.visibleClass),r.removeClass(n.highlightClass),n.hideTFootOnFilter&&e.find("tfoot").hide(),n.ignoreColumns.length){var a=[];n.ignoreClass&&(r=r.not("."+n.ignoreClass)),a=r.filter(":"+n.filterExpression+'("'+t+'")'),a.each(function(){var e=$(this),t=e.parent().children().index(e);$.inArray(t,n.ignoreColumns)===-1&&e.addClass(n.highlightClass).closest("tr").show().addClass(n.visibleClass)})}else n.ignoreClass&&(r=r.not("."+n.ignoreClass)),r.filter(":"+n.filterExpression+'("'+t+'")').addClass(n.highlightClass).closest("tr").show().addClass(n.visibleClass)}n.callback&&n.callback(t,e)};return this.each(function(){var e=$(this),t=e.find("tbody"),a=null,l=null,s=null,c=!0;if("TABLE"===e[0].nodeName&&t.length>0&&(0===n.minRows||n.minRows>0&&t.find("tr").length>=n.minRows)&&!e.prev().hasClass(n.containerClass)){if(n.inputSelector&&1===$(n.inputSelector).length?(s=$(n.inputSelector),a=s.parent(),c=!1):(a=$("<"+n.containerTag+" />"),""!==n.containerClass&&a.addClass(n.containerClass),a.prepend(n.label+" "),s=$('<input type="'+n.inputType+'" placeholder="'+n.placeholder+'" name="'+n.inputName+'" />'),n.preventReturnKey&&s.on("keydown",function(e){if(13===(e.keyCode||e.which))return e.preventDefault(),!1})),n.autofocus&&s.attr("autofocus",!0),$.fn.bindWithDelay?s.bindWithDelay("keyup",function(){r(e,$(this).val())},200):s.bind("keyup",function(){r(e,$(this).val())}),s.bind("click search input paste blur",function(){r(e,$(this).val())}),c&&a.append(s),n.quickList.length>0||n.quickListClear){if(l=n.quickListGroupTag?$("<"+n.quickListGroupTag+" />"):a,$.each(n.quickList,function(e,t){var r=$("<"+n.quickListTag+' class="'+n.quickListClass+'" />');r.text(i(t)),"A"===r[0].nodeName&&r.attr("href","#"),r.bind("click",function(e){e.preventDefault(),s.val(t).focus().trigger("click")}),l.append(r)}),n.quickListClear){var o=$("<"+n.quickListTag+' class="'+n.quickListClass+'" />');o.html(n.quickListClear),"A"===o[0].nodeName&&o.attr("href","#"),o.bind("click",function(e){e.preventDefault(),s.val("").focus().trigger("click")}),l.append(o)}l!==a&&a.append(l)}c&&e.before(a)}})}}(jQuery);


--------------------------------------------------------------------------------
/examples/filtertable-quick.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html>
  3 | <head>
  4 |     <meta charset="utf-8">
  5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6 |     <title>jQuery.FilterTable Quick List Sample</title>
  7 |     <link rel="stylesheet" href="samples-styles.css">
  8 |     <style>
  9 |     /* generic table styling */
 10 |     table a { text-decoration: none; }
 11 |     table a:hover { text-decoration: underline; }
 12 |     tr :last-child { text-align: right; }
 13 | 
 14 |     /* hide content from view but not from searching */
 15 |     .hidden { display: none; }
 16 | 
 17 |     /* filter table specific styling */
 18 |     .filter-table .quick { margin-left: 1em; font-size: 0.8em; text-decoration: none; }
 19 |     .fitler-table .quick:hover { text-decoration: underline; }
 20 |     td.alt { background-color: #ffc; background-color: rgba(255, 255, 0, 0.2); }
 21 |     </style>
 22 | </head>
 23 | <body>
 24 |     <h1>jQuery.FilterTable Quick List Sample</h1>
 25 |     <p><a href="index.html">&larr; More samples</a></p>
 26 |     <p>This is a sample of the <a href="http://sunnywalker.github.com/jQuery.FilterTable">jQuery.FilterTable plugin</a> which shows the usage of the <code>quickList</code> optional parameter.</p>
 27 |     <p>Note that the “neighbor island” quick list item works because within some cells exists code that is hidden with CSS: <code>&lt;span class=&quot;hidden&quot;&gt;neighbor island&lt;/span&gt;</code>.</p>
 28 |     <h2>Main campuses of the University of Hawai&#699;i System</h2>
 29 |     <table>
 30 |         <thead>
 31 |             <tr>
 32 |                 <th scope="col">Campus</th>
 33 |                 <th scope="col">Island</th>
 34 |                 <th scope="col">Fall 2011<br>Enrollment</th>
 35 |             </tr>
 36 |         </thead>
 37 |         <tbody>
 38 |             <tr>
 39 |                 <td><a href="https://hilo.hawaii.edu/">University of Hawai&#699;i at Hilo</a></td>
 40 |                 <td>Hawai&#699;i <span class="hidden">neighbor island</span></td>
 41 |                 <td>4,100</td>
 42 |             </tr>
 43 |             <tr>
 44 |                 <td><a href="http://manoa.hawaii.edu/">University of Hawai&#699;i at M&#257;noa</a></td>
 45 |                 <td>O&#699;ahu</td>
 46 |                 <td>20,400</td>
 47 |             </tr>
 48 |             <tr>
 49 |                 <td><a href="http://westoahu.hawaii.edu/">University of Hawai&#699;i—West O&#699;ahu</a></td>
 50 |                 <td>O&#699;ahu</td>
 51 |                 <td>1,600</td>
 52 |             </tr>
 53 |             <tr>
 54 |                 <td><a href="http://hawaii.hawaii.edu/">Hawai&#699;i Community College</a></td>
 55 |                 <td>Hawai&#699;i <span class="hidden">neighbor island</span></td>
 56 |                 <td>3,900</td>
 57 |             </tr>
 58 |             <tr>
 59 |                 <td><a href="http://honolulu.hawaii.edu/">Honolulu Community College</a></td>
 60 |                 <td>O&#699;ahu</td>
 61 |                 <td>4,600</td>
 62 |             </tr>
 63 |             <tr>
 64 |                 <td><a href="http://kapiolani.hawaii.edu/">Kapi&#699;olani Community College</a></td>
 65 |                 <td>O&#699;ahu</td>
 66 |                 <td>9,000</td>
 67 |             </tr>
 68 |             <tr>
 69 |                 <td><a href="http://kauai.hawaii.edu/">Kaua&#699;i Community College</a></td>
 70 |                 <td>Kaua&#699;i <span class="hidden">neighbor island</span></td>
 71 |                 <td>1,400</td>
 72 |             </tr>
 73 |             <tr>
 74 |                 <td><a href="http://www.leeward.hawaii.edu/">Leeward Community College</a></td>
 75 |                 <td>O&#699;ahu</td>
 76 |                 <td>7,900</td>
 77 |             </tr>
 78 |             <tr>
 79 |                 <td><a href="http://maui.hawaii.edu/">Maui College</a></td>
 80 |                 <td>Maui <span class="hidden">neighbor island</span></td>
 81 |                 <td>4,500</td>
 82 |             </tr>
 83 |             <tr>
 84 |                 <td><a href="http://windward.hawaii.edu/">Windward Community College</a></td>
 85 |                 <td>O&#699;ahu</td>
 86 |                 <td>2,700</td>
 87 |             </tr>
 88 |         </tbody>
 89 |     </table>
 90 |     <p>Note that while the filter is case-insensitive, it is UTF-8 aware so searching for <code>oahu</code> will not find <code>O&#699;ahu</code>.</p>
 91 | 
 92 |     <h2>Code</h2>
 93 |     <pre>$('table').filterTable({
 94 |     quickList: quickList: [
 95 |         'Oʻahu',
 96 |         'Hawaiʻi',
 97 |         'university',
 98 |         'college',
 99 |         'neighbor island'
100 |     ],
101 |     quickListClear: '&times; clear filter'
102 | });</pre>
103 | 
104 |     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
105 |     <script src="../jquery.filtertable.min.js"></script>
106 |     <script>
107 |     $(document).ready(function() {
108 |         $('table').filterTable({ // apply filterTable to all tables on this page
109 |             quickList: ['Oʻahu', 'Hawaiʻi', 'university', 'college', 'neighbor island'], // add some shortcut searches
110 |             quickListClear: '&times; clear filter' // add the clear filter item
111 |         });
112 |     });
113 |     </script>
114 | </body>
115 | </html>
116 | 


--------------------------------------------------------------------------------
/CHANGELOG.md:
--------------------------------------------------------------------------------
 1 | # jQuery.filterTable Change Log
 2 | 
 3 | ## 1.5.7
 4 | - Support for `quickListClear` option that appends a quick list link which clears the filter.
 5 | 
 6 | ## 1.5.6
 7 | - Fixed filtering to work for special characters `'`, `"`, and `\`.
 8 | - Minor documentation updates.
 9 | 
10 | ## 1.5.5
11 | 
12 | - The filtering should now trigger automatically on input on iOS. For some reason, Safari iOS triggers a `blur` event on field change but not `keyup` or other related events.
13 | - A new feature for extending the plugin (option `filterExpression`) has been added. The default is unchanged—the literal filter string.
14 |     - To search for _any_ of multiple terms, set `filterExpression` to `filterTableFindAny` to perform an OR search which delimits on space or comma characters in the filter field. Thank you to [Lukas](https://github.com/superlukas) for the implementation. An example page is included.
15 |     - To search for _all_ of multiple terms, set `filterExpression` to `filterTableFindAll` to perform an AND search which delimits on space or comma characters in the filter field. Note that the matching is per-cell not per row, so each cell must have all terms to match. An example page is included.
16 | - A new feature for ignoring columns is available via the `ignoreColumns` option. Provide an array of column numbers (0-indexed) to ignore those columns during filtering. The default is no columns are ignored. An example page is included.
17 | - A new feature for ignoring cells with a specific class is available via the `ignoreClass` option. Provide a class name to ignore those cells during filtering. The default is no classes are ignored. An exampled page is included. Thanks to [geda0](https://github.com/geda0) for the idea.
18 | - Added a `minChars` option, thanks to [Darius Kazemi](https://github.com/dariusk), which specifies the minimum number of characters a user must enter into the filter field before filtering occurs. Default is 1, meaning the moment the user begins to type, filtering will occur.
19 | - Merged [Pierre Rudloff](https://github.com/Rudloff)’s Bower support.
20 | - Merged [Jason](https://github.com/deadbeef404)’s `minRows` bug fix.
21 | - Added an FAQ file.
22 | 
23 | ## 1.5.4
24 | 
25 | - Added a return key trap to the input filter field so that pressing return in the field should not submit any forms the table may be within.
26 | - The `preventReturnKey` option (`true` by default) has been added to allow you to switch back to the previous behavior of allowing the return key to submit forms.
27 | 
28 | ## 1.5.3
29 | 
30 | - **There is a potentially significant change in functionality in this version.** While the documentation offered the `inputSelector` option, within the code it was implemented as `filterSelector`. This has been corrected to match the documentation. Note that if you were previously using the `filterSelector` option to overcome this issue, you will need to change it to `inputSelector` to use the feature with this version.
31 | 
32 | ## 1.5.2
33 | 
34 | - Added an `inputSelector` option, thanks to [Pratik Thakkar](https://github.com/pratikt), which specifies a selector for an existing element to use instead of creating a new filter input field. There are some caveats of which to be aware:
35 |     - If the element doesn't exist, a filter input field will be created as normal.
36 |     - Because of quick lists and other options, this setting will be ignored and the filter input field will be created as normal if the resolution of the `inputSelector` returns more than one element.
37 | 
38 | ## 1.5.1
39 | 
40 | - Added an `autofocus` option, thanks to [Robert McLeod](https://github.com/penguinpowernz), which is disabled by default. Note that autofocus is generally a bad idea for accessibility reasons, but if you do not need to be compliant or don't want to support accessibility users, it's a nice user experience option.
41 | 
42 | ## 1.5
43 | 
44 | - **There is a potentially significant change in functionality in this version.** The callback is now called every time the search query changes. Previously it was only called when the change was a non-empty query. That is, the callback is now called when the query is cleared too.
45 | - Additional features have been taken from [Tomas Celizna](https://github.com/tomasc)'s CoffeeScript-based fork:
46 |     - The quick list items can now be something other than anchor tags. See the `quickListTag` and `quickListGroupTag` options.
47 |     - The filter query field can now have a name attribute assigned to it. See the `inputName` option.
48 |     - The class applied to visible rows is now user changeable. See the `visibleClass` option.
49 |     - The options in the documentation have been ordered alphabetically for easier scanning.
50 | - The internal pseudo selector is now created appropriately according to the jQuery version. (Pseudo selector generation changed in jQuery 1.8)
51 | 
52 | ## 1.4
53 | 
54 | - Fixed a bug with filtering rarely showing rows that did not have a match with the search query.
55 | - Added example pages.
56 | - Improved inline documentation of the source code.
57 | 
58 | ## 1.3.1 (in spirit)
59 | 
60 | - Added minified version of the plugin (thanks [Luke Stevenson](https://github.com/lucanos)).
61 | 
62 | ## 1.3
63 | 
64 | - The functionality is not reapplied to tables that have already been processed. This allows you to call `$(selector).filterTable()` again for dynamically created data without it affecting previously filtered tables.
65 | 
66 | ## 1.2
67 | 
68 | - Changed the default container class to `filter-table` from `table-filter` to be consistent with the plugin name.
69 | - Made the cell highlighting class an option rather than hard-coded.
70 | 
71 | ## 1.1
72 | 
73 | - Initial public release.
74 | 


--------------------------------------------------------------------------------
/examples/filtertable-sample.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <head>
 4 |     <meta charset="utf-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>jQuery.FilterTable Sample</title>
 7 |     <link rel="stylesheet" href="samples-styles.css">
 8 |     <style>
 9 |     /* filter table specific styling */
10 |     td.alt { background-color: #ffc; background-color: rgba(255, 255, 0, 0.2); }
11 |     </style>
12 | </head>
13 | <body>
14 |     <h1>jQuery.FilterTable Sample</h1>
15 |     <p><a href="index.html">&larr; More samples</a></p>
16 |     <p>This is a very plain sample of the <a href="http://sunnywalker.github.com/jQuery.FilterTable">jQuery.FilterTable plugin</a>.</p>
17 |     <h2>Presidents of the United States of America</h2>
18 |     <table>
19 |         <thead>
20 |             <tr>
21 |                 <th scope="col" title="President Number">#</th>
22 |                 <th scope="col">President</th>
23 |                 <th scope="col">Terms</th>
24 |                 <th scope="col">Tenure</th>
25 |             </tr>
26 |         </thead>
27 |         <tbody>
28 |             <tr><td>1</td><td>George Washington</td><td>two</td><td>1789-1797</td></tr>
29 |             <tr><td>2</td><td>John Adams</td><td>one</td><td>1797-1801</td></tr>
30 |             <tr><td>3</td><td>Thomas Jefferson</td><td>two</td><td>1801-1809</td></tr>
31 |             <tr><td>4</td><td>James Madison</td><td>two</td><td>1809-1817</td></tr>
32 |             <tr><td>5</td><td>James Monroe</td><td>two</td><td>1817-1825</td></tr>
33 |             <tr><td>6</td><td>John Quincy Adams</td><td>one</td><td>1825-1829</td></tr>
34 |             <tr><td>7</td><td>Andrew Jackson</td><td>two</td><td>1829-1837</td></tr>
35 |             <tr><td>8</td><td>Martin Van Buren</td><td>one</td><td>1837-1841</td></tr>
36 |             <tr><td>9</td><td>William Henry Harrison</td><td>one-partial</td><td>1841</td></tr>
37 |             <tr><td>10</td><td>John Tyler</td><td>one-partial</td><td>1841-1845</td></tr>
38 |             <tr><td>11</td><td>James Knox Polk</td><td>one</td><td>1845-1849</td></tr>
39 |             <tr><td>12</td><td>Zachary Taylor</td><td>one-partial</td><td>1849-1850</td></tr>
40 |             <tr><td>13</td><td>Millard Fillmore</td><td>one-partial</td><td>1850-1853</td></tr>
41 |             <tr><td>14</td><td>Franklin Pierce</td><td>one</td><td>1853-1857</td></tr>
42 |             <tr><td>15</td><td>James Buchanan</td><td>one</td><td>1857-1861</td></tr>
43 |             <tr><td>16</td><td>Abraham Lincoln</td><td>two-partial</td><td>1861-1865</td></tr>
44 |             <tr><td>17</td><td>Andrew Johnson</td><td>one-partial</td><td>1865-1869</td></tr>
45 |             <tr><td>18</td><td>Ulysses S. Grant</td><td>two</td><td>1869-1877</td></tr>
46 |             <tr><td>19</td><td>Rutherford Birchard Hayes</td><td>one</td><td>1877-1881</td></tr>
47 |             <tr><td>20</td><td>James Abram Garfield</td><td>one-partial</td><td>1881</td></tr>
48 |             <tr><td>21</td><td>Chester Alan Arthur</td><td>one-partial</td><td>1881-1885</td></tr>
49 |             <tr><td>22</td><td>Grover Cleveland</td><td>one</td><td>1885-1889</td></tr>
50 |             <tr><td>23</td><td>Benjamin Harrison</td><td>one</td><td>1889-1893</td></tr>
51 |             <tr><td>24</td><td>Grover Cleveland</td><td>one-again</td><td>1893-1897</td></tr>
52 |             <tr><td>25</td><td>William McKinley</td><td>two-partial</td><td>1897-1901</td></tr>
53 |             <tr><td>26</td><td>Theodore Roosevelt</td><td>two-partial</td><td>1901-1909</td></tr>
54 |             <tr><td>27</td><td>William Howard Taft</td><td>one</td><td>1909-1913</td></tr>
55 |             <tr><td>28</td><td>Woodrow Wilson</td><td>two</td><td>1913-1921</td></tr>
56 |             <tr><td>29</td><td>Warren Gamaliel Harding</td><td>two-partial</td><td>1921-1923</td></tr>
57 |             <tr><td>30</td><td>Calvin Coolidge</td><td>two-partial</td><td>1923-1929</td></tr>
58 |             <tr><td>31</td><td>Herbert Clark Hoover</td><td>one</td><td>1929-1933</td></tr>
59 |             <tr><td>32</td><td>Franklin Delano Roosevelt</td><td>four-partial</td><td>1933-1945</td></tr>
60 |             <tr><td>33</td><td>Harry S. Truman</td><td>two-partial</td><td>1945-1953</td></tr>
61 |             <tr><td>34</td><td>Dwight David Eisenhower</td><td>two</td><td>1953-1961</td></tr>
62 |             <tr><td>35</td><td>John Fitzgerald Kennedy</td><td>two-partial</td><td>1961-1963</td></tr>
63 |             <tr><td>36</td><td>Lyndon Baines Johnson</td><td>two-partial</td><td>1963-1969</td></tr>
64 |             <tr><td>37</td><td>Richard Milhous Nixon</td><td>two-partial</td><td>1969-1974</td></tr>
65 |             <tr><td>38</td><td>Gerald Rudolph Ford</td><td>two-partial</td><td>1974-1977</td></tr>
66 |             <tr><td>39</td><td>James Earl Carter, Jr.</td><td>one</td><td>1977-1981</td></tr>
67 |             <tr><td>40</td><td>Ronald Wilson Reagan</td><td>two</td><td>1981-1989</td></tr>
68 |             <tr><td>41</td><td>George Herbert Walker Bush</td><td>one</td><td>1989-1993</td></tr>
69 |             <tr><td>42</td><td>William Jefferson Clinton</td><td>two</td><td>1993-2001</td></tr>
70 |             <tr><td>43</td><td>George Walker Bush</td><td>two</td><td>2001-2009</td></tr>
71 |             <tr><td>44</td><td>Barack Hussein Obama</td><td>one</td><td>2009-</td></tr>
72 |         </tbody>
73 |     </table>
74 |     <p><em>Data as of October, 2012.</em></p>
75 |     <h2>Code</h2>
76 |     <pre>$('table').filterTable();</pre>
77 |     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
78 |     <script src="../jquery.filtertable.min.js"></script>
79 |     <script>
80 |     $(document).ready(function() {
81 |         $('table').filterTable(); // apply filterTable to all tables on this page
82 |     });
83 |     </script>
84 | </body>
85 | </html>


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | # jQuery Filter Table Plugin
  2 | 
  3 | This plugin will add a search filter to tables. When typing in the filter, any rows that do not contain the filter will be hidden.
  4 | 
  5 | One can also define clickable shortcuts for commonly used terms.
  6 | 
  7 | See the demos at http://sunnywalker.github.com/jQuery.FilterTable
  8 | 
  9 | ## Usage
 10 | 
 11 | Include the dependencies:
 12 | 
 13 | ```html
 14 | <script src="/path/to/jquery.js"></script>
 15 | <script src="/path/to/bindWithDelay.js"></script> <!-- optional -->
 16 | <script src="/path/to/jquery.filtertable.js"></script>
 17 | <style>
 18 | .filter-table .quick { margin-left: 0.5em; font-size: 0.8em; text-decoration: none; }
 19 | .fitler-table .quick:hover { text-decoration: underline; }
 20 | td.alt { background-color: #ffc; background-color: rgba(255, 255, 0, 0.2); }
 21 | </style> <!-- or put the styling in your stylesheet -->
 22 | ```
 23 | 
 24 | Then apply `filterTable()` to your table(s):
 25 | 
 26 | ```html
 27 | <script>
 28 | $('table').filterTable(); //if this code appears after your tables; otherwise, include it in your document.ready() code.
 29 | </script>
 30 | ```
 31 | 
 32 | ## Problems?
 33 | 
 34 | Be sure to check the FAQ file for common issues if the plugin does not seem to be working as intended.
 35 | 
 36 | Note that the plugin does not work as expected when using cells with `rowspan`.
 37 | 
 38 | ## Options
 39 | 
 40 | | Option | Type | Default | Description |
 41 | | ------ | ---- | ------- | ----------- |
 42 | | `autofocus` | boolean | false | Makes the filter input field autofocused _(not recommended for accessibility reasons)_ |
 43 | | `callback` | function(`term`, `table`) | _null_ | Callback function after a filter is performed. Parameters: <ul><li><code>term</code> filter term (string)</li><li><code>table</code> table being filtered (jQuery object)</li></ul> |
 44 | | `containerClass` | string | filter-table | Class applied to the main filter input container |
 45 | | `containerTag` | string | p | Tag name of the main filter input container |
 46 | | `hideTFootOnFilter` | boolean | false | Controls whether the table's tfoot(s) will be hidden when the table is filtered |
 47 | | `highlightClass` | string | alt | Class applied to cells containing the filter term |
 48 | | `ignoreClass` | string | '' | Ignore any cells with this class when filtering |
 49 | | `ignoreColumns` | array | [] | Ignore these columns (0-indexed) when filtering |
 50 | | `inputSelector` | string | _null_ | Use this selector to find the filter input instead of creating a new one (only works if selector returns a single element) |
 51 | | `inputName` | string | filter-table | Name attribute of the filter input field |
 52 | | `inputType` | string | search | Tag name of the filter input itself |
 53 | | `label` | string | Filter: | Text to precede the filter input |
 54 | | `minChars` | integer | 1 | Filter only when at least this number of characters are in the filter input field |
 55 | | `minRows` | integer | 8 | Only show the filter on tables with this number of rows or more |
 56 | | `placeholder` | string | search this table | HTML5 placeholder text for the filter input |
 57 | | `preventReturnKey` | boolean | true | Trap the return key in the filter input field to prevent form submission |
 58 | | `quickList` | array | [] | List of clickable phrases to quick fill the search |
 59 | | `quickListClass` | string | quick | Class of each quick list item |
 60 | | `quickListClear` | string | '' | Label for the clear filtering quick list item (or none if blank) |
 61 | | `quickListGroupTag` | string | '' | Tag name surrounding quick list items (e.g., `ul`) |
 62 | | `quickListTag` | string | a | Tag name of each quick list item (e.g., `a` or `li`) |
 63 | | `visibleClass` | string | visible | Class applied to visible rows |
 64 | 
 65 | ## Styling
 66 | 
 67 | Suggested styling:
 68 | 
 69 | ```css
 70 | .filter-table .quick { margin-left: 0.5em; font-size: 0.8em; text-decoration: none; }
 71 | .fitler-table .quick:hover { text-decoration: underline; }
 72 | td.alt { background-color: #ffc; background-color: rgba(255, 255, 0, 0.2); }
 73 | ```
 74 | 
 75 | There is a caveat on automatic row striping. While alternating rows can be striped with CSS, such as:
 76 | 
 77 | ```css
 78 | tbody td:nth-child(even) { background-color: #f0f8ff; }
 79 | ```
 80 | 
 81 | Note that CSS cannot differentiate between visible and non-visible rows. To that end, it's better to use jQuery to add and remove a striping class to visible rows by defining a callback function in the options.
 82 | 
 83 | ```javascript
 84 | $('table').filterTable({
 85 |     callback: function(term, table) {
 86 |         table.find('tr').removeClass('striped').filter(':visible:even').addClass('striped');
 87 |     }
 88 | });
 89 | ```
 90 | 
 91 | ## Dependencies
 92 | 
 93 | Other than jQuery, the plugin will take advantage of Brian Grinstead's [bindWithDelay](https://github.com/bgrins/bindWithDelay) if it is available.
 94 | 
 95 | ## License
 96 | 
 97 | (The MIT License)
 98 | 
 99 | Copyright (c) 2012 Sunny Walker <swalker@hawaii.edu>
100 | 
101 | Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the 'Software'), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
102 | 
103 | The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
104 | 
105 | THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
106 | 


--------------------------------------------------------------------------------
/examples/filtertable-any-term.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <head>
 4 |     <meta charset="utf-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>jQuery.FilterTable Any Term Sample</title>
 7 |     <link rel="stylesheet" href="samples-styles.css">
 8 |     <style>
 9 |     /* filter table specific styling */
10 |     td.alt { background-color: #ffc; background-color: rgba(255, 255, 0, 0.2); }
11 |     </style>
12 | </head>
13 | <body>
14 |     <h1>jQuery.FilterTable Any Term Sample</h1>
15 |     <p><a href="index.html">&larr; More samples</a></p>
16 |     <p>This is a sample of the <a href="http://sunnywalker.github.com/jQuery.FilterTable">jQuery.FilterTable plugin</a> which searchs for any of the terms instead of the literal term (a OR b). The term delimiters are comma (,) and space ( ).</p>
17 |     <p>For example:</p>
18 |     <ul>
19 |         <li>Search for “<a href="#" class="fill-filter">george james john</a>”.</li>
20 |         <li>Search for “<a href="#" class="fill-filter">george,james,john</a>” which is functionally equivalent to the previous search.</li>
21 |     </ul>
22 |     <h2>Presidents of the United States of America</h2>
23 |     <table>
24 |         <thead>
25 |             <tr>
26 |                 <th scope="col" title="President Number">#</th>
27 |                 <th scope="col">President</th>
28 |                 <th scope="col">Terms</th>
29 |                 <th scope="col">Tenure</th>
30 |             </tr>
31 |         </thead>
32 |         <tbody>
33 |             <tr><td>1</td><td>George Washington</td><td>two</td><td>1789-1797</td></tr>
34 |             <tr><td>2</td><td>John Adams</td><td>one</td><td>1797-1801</td></tr>
35 |             <tr><td>3</td><td>Thomas Jefferson</td><td>two</td><td>1801-1809</td></tr>
36 |             <tr><td>4</td><td>James Madison</td><td>two</td><td>1809-1817</td></tr>
37 |             <tr><td>5</td><td>James Monroe</td><td>two</td><td>1817-1825</td></tr>
38 |             <tr><td>6</td><td>John Quincy Adams</td><td>one</td><td>1825-1829</td></tr>
39 |             <tr><td>7</td><td>Andrew Jackson</td><td>two</td><td>1829-1837</td></tr>
40 |             <tr><td>8</td><td>Martin Van Buren</td><td>one</td><td>1837-1841</td></tr>
41 |             <tr><td>9</td><td>William Henry Harrison</td><td>one-partial</td><td>1841</td></tr>
42 |             <tr><td>10</td><td>John Tyler</td><td>one-partial</td><td>1841-1845</td></tr>
43 |             <tr><td>11</td><td>James Knox Polk</td><td>one</td><td>1845-1849</td></tr>
44 |             <tr><td>12</td><td>Zachary Taylor</td><td>one-partial</td><td>1849-1850</td></tr>
45 |             <tr><td>13</td><td>Millard Fillmore</td><td>one-partial</td><td>1850-1853</td></tr>
46 |             <tr><td>14</td><td>Franklin Pierce</td><td>one</td><td>1853-1857</td></tr>
47 |             <tr><td>15</td><td>James Buchanan</td><td>one</td><td>1857-1861</td></tr>
48 |             <tr><td>16</td><td>Abraham Lincoln</td><td>two-partial</td><td>1861-1865</td></tr>
49 |             <tr><td>17</td><td>Andrew Johnson</td><td>one-partial</td><td>1865-1869</td></tr>
50 |             <tr><td>18</td><td>Ulysses S. Grant</td><td>two</td><td>1869-1877</td></tr>
51 |             <tr><td>19</td><td>Rutherford Birchard Hayes</td><td>one</td><td>1877-1881</td></tr>
52 |             <tr><td>20</td><td>James Abram Garfield</td><td>one-partial</td><td>1881</td></tr>
53 |             <tr><td>21</td><td>Chester Alan Arthur</td><td>one-partial</td><td>1881-1885</td></tr>
54 |             <tr><td>22</td><td>Grover Cleveland</td><td>one</td><td>1885-1889</td></tr>
55 |             <tr><td>23</td><td>Benjamin Harrison</td><td>one</td><td>1889-1893</td></tr>
56 |             <tr><td>24</td><td>Grover Cleveland</td><td>one-again</td><td>1893-1897</td></tr>
57 |             <tr><td>25</td><td>William McKinley</td><td>two-partial</td><td>1897-1901</td></tr>
58 |             <tr><td>26</td><td>Theodore Roosevelt</td><td>two-partial</td><td>1901-1909</td></tr>
59 |             <tr><td>27</td><td>William Howard Taft</td><td>one</td><td>1909-1913</td></tr>
60 |             <tr><td>28</td><td>Woodrow Wilson</td><td>two</td><td>1913-1921</td></tr>
61 |             <tr><td>29</td><td>Warren Gamaliel Harding</td><td>two-partial</td><td>1921-1923</td></tr>
62 |             <tr><td>30</td><td>Calvin Coolidge</td><td>two-partial</td><td>1923-1929</td></tr>
63 |             <tr><td>31</td><td>Herbert Clark Hoover</td><td>one</td><td>1929-1933</td></tr>
64 |             <tr><td>32</td><td>Franklin Delano Roosevelt</td><td>four-partial</td><td>1933-1945</td></tr>
65 |             <tr><td>33</td><td>Harry S. Truman</td><td>two-partial</td><td>1945-1953</td></tr>
66 |             <tr><td>34</td><td>Dwight David Eisenhower</td><td>two</td><td>1953-1961</td></tr>
67 |             <tr><td>35</td><td>John Fitzgerald Kennedy</td><td>two-partial</td><td>1961-1963</td></tr>
68 |             <tr><td>36</td><td>Lyndon Baines Johnson</td><td>two-partial</td><td>1963-1969</td></tr>
69 |             <tr><td>37</td><td>Richard Milhous Nixon</td><td>two-partial</td><td>1969-1974</td></tr>
70 |             <tr><td>38</td><td>Gerald Rudolph Ford</td><td>two-partial</td><td>1974-1977</td></tr>
71 |             <tr><td>39</td><td>James Earl Carter, Jr.</td><td>one</td><td>1977-1981</td></tr>
72 |             <tr><td>40</td><td>Ronald Wilson Reagan</td><td>two</td><td>1981-1989</td></tr>
73 |             <tr><td>41</td><td>George Herbert Walker Bush</td><td>one</td><td>1989-1993</td></tr>
74 |             <tr><td>42</td><td>William Jefferson Clinton</td><td>two</td><td>1993-2001</td></tr>
75 |             <tr><td>43</td><td>George Walker Bush</td><td>two</td><td>2001-2009</td></tr>
76 |             <tr><td>44</td><td>Barack Hussein Obama</td><td>one</td><td>2009-</td></tr>
77 |         </tbody>
78 |     </table>
79 |     <p><em>Data as of October, 2012.</em></p>
80 |     <h2>Code</h2>
81 |     <pre>$('table').filterTable({
82 |     filterExpression: 'filterTableFindAny'
83 | });</pre>
84 |     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
85 |     <script src="../jquery.filtertable.min.js"></script>
86 |     <script>
87 |     $(document).ready(function() {
88 |         // apply filterTable to all tables on this page
89 |         $('table').filterTable({filterExpression: 'filterTableFindAny'});
90 |     });
91 |     </script>
92 |     <script src="samples-common.js"></script><!-- this is only needed for the sample page and not for your projects -->
93 | </body>
94 | </html>


--------------------------------------------------------------------------------
/examples/filtertable-existing-input.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <head>
 4 |     <meta charset="utf-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>jQuery.FilterTable Sample With an Existing Input</title>
 7 |     <link rel="stylesheet" href="samples-styles.css">
 8 |     <style>
 9 |     /* filter table specific styling */
10 |     td.alt { background-color: #ffc; background-color: rgba(255, 255, 0, 0.2); }
11 | 
12 |     /* special filter field styling for this example */
13 |     .input-filter-container { position: fixed; top: 1em; right: 1em; border: 2px solid #f60; background-color: #fed; padding: 0.5em; border-radius: 4px; }
14 |     </style>
15 | </head>
16 | <body>
17 |     <h1>jQuery.FilterTable Sample With an Existing Input</h1>
18 |     <p><a href="index.html">&larr; More samples</a></p>
19 |     <div class="input-filter-container"><label for="input-filter">Filter the table:</label> <input type="search" id="input-filter" size="15" placeholder="search"></div>
20 |     <p>This is a sample of the <a href="http://sunnywalker.github.com/jQuery.FilterTable">jQuery.FilterTable plugin</a> which uses an existing element to filter the table instead of creating its own.</p>
21 |     <h2>Presidents of the United States of America</h2>
22 |     <table>
23 |         <thead>
24 |             <tr>
25 |                 <th scope="col" title="President Number">#</th>
26 |                 <th scope="col">President</th>
27 |                 <th scope="col">Terms</th>
28 |                 <th scope="col">Tenure</th>
29 |             </tr>
30 |         </thead>
31 |         <tbody>
32 |             <tr><td>1</td><td>George Washington</td><td>two</td><td>1789-1797</td></tr>
33 |             <tr><td>2</td><td>John Adams</td><td>one</td><td>1797-1801</td></tr>
34 |             <tr><td>3</td><td>Thomas Jefferson</td><td>two</td><td>1801-1809</td></tr>
35 |             <tr><td>4</td><td>James Madison</td><td>two</td><td>1809-1817</td></tr>
36 |             <tr><td>5</td><td>James Monroe</td><td>two</td><td>1817-1825</td></tr>
37 |             <tr><td>6</td><td>John Quincy Adams</td><td>one</td><td>1825-1829</td></tr>
38 |             <tr><td>7</td><td>Andrew Jackson</td><td>two</td><td>1829-1837</td></tr>
39 |             <tr><td>8</td><td>Martin Van Buren</td><td>one</td><td>1837-1841</td></tr>
40 |             <tr><td>9</td><td>William Henry Harrison</td><td>one-partial</td><td>1841</td></tr>
41 |             <tr><td>10</td><td>John Tyler</td><td>one-partial</td><td>1841-1845</td></tr>
42 |             <tr><td>11</td><td>James Knox Polk</td><td>one</td><td>1845-1849</td></tr>
43 |             <tr><td>12</td><td>Zachary Taylor</td><td>one-partial</td><td>1849-1850</td></tr>
44 |             <tr><td>13</td><td>Millard Fillmore</td><td>one-partial</td><td>1850-1853</td></tr>
45 |             <tr><td>14</td><td>Franklin Pierce</td><td>one</td><td>1853-1857</td></tr>
46 |             <tr><td>15</td><td>James Buchanan</td><td>one</td><td>1857-1861</td></tr>
47 |             <tr><td>16</td><td>Abraham Lincoln</td><td>two-partial</td><td>1861-1865</td></tr>
48 |             <tr><td>17</td><td>Andrew Johnson</td><td>one-partial</td><td>1865-1869</td></tr>
49 |             <tr><td>18</td><td>Ulysses S. Grant</td><td>two</td><td>1869-1877</td></tr>
50 |             <tr><td>19</td><td>Rutherford Birchard Hayes</td><td>one</td><td>1877-1881</td></tr>
51 |             <tr><td>20</td><td>James Abram Garfield</td><td>one-partial</td><td>1881</td></tr>
52 |             <tr><td>21</td><td>Chester Alan Arthur</td><td>one-partial</td><td>1881-1885</td></tr>
53 |             <tr><td>22</td><td>Grover Cleveland</td><td>one</td><td>1885-1889</td></tr>
54 |             <tr><td>23</td><td>Benjamin Harrison</td><td>one</td><td>1889-1893</td></tr>
55 |             <tr><td>24</td><td>Grover Cleveland</td><td>one-again</td><td>1893-1897</td></tr>
56 |             <tr><td>25</td><td>William McKinley</td><td>two-partial</td><td>1897-1901</td></tr>
57 |             <tr><td>26</td><td>Theodore Roosevelt</td><td>two-partial</td><td>1901-1909</td></tr>
58 |             <tr><td>27</td><td>William Howard Taft</td><td>one</td><td>1909-1913</td></tr>
59 |             <tr><td>28</td><td>Woodrow Wilson</td><td>two</td><td>1913-1921</td></tr>
60 |             <tr><td>29</td><td>Warren Gamaliel Harding</td><td>two-partial</td><td>1921-1923</td></tr>
61 |             <tr><td>30</td><td>Calvin Coolidge</td><td>two-partial</td><td>1923-1929</td></tr>
62 |             <tr><td>31</td><td>Herbert Clark Hoover</td><td>one</td><td>1929-1933</td></tr>
63 |             <tr><td>32</td><td>Franklin Delano Roosevelt</td><td>four-partial</td><td>1933-1945</td></tr>
64 |             <tr><td>33</td><td>Harry S. Truman</td><td>two-partial</td><td>1945-1953</td></tr>
65 |             <tr><td>34</td><td>Dwight David Eisenhower</td><td>two</td><td>1953-1961</td></tr>
66 |             <tr><td>35</td><td>John Fitzgerald Kennedy</td><td>two-partial</td><td>1961-1963</td></tr>
67 |             <tr><td>36</td><td>Lyndon Baines Johnson</td><td>two-partial</td><td>1963-1969</td></tr>
68 |             <tr><td>37</td><td>Richard Milhous Nixon</td><td>two-partial</td><td>1969-1974</td></tr>
69 |             <tr><td>38</td><td>Gerald Rudolph Ford</td><td>two-partial</td><td>1974-1977</td></tr>
70 |             <tr><td>39</td><td>James Earl Carter, Jr.</td><td>one</td><td>1977-1981</td></tr>
71 |             <tr><td>40</td><td>Ronald Wilson Reagan</td><td>two</td><td>1981-1989</td></tr>
72 |             <tr><td>41</td><td>George Herbert Walker Bush</td><td>one</td><td>1989-1993</td></tr>
73 |             <tr><td>42</td><td>William Jefferson Clinton</td><td>two</td><td>1993-2001</td></tr>
74 |             <tr><td>43</td><td>George Walker Bush</td><td>two</td><td>2001-2009</td></tr>
75 |             <tr><td>44</td><td>Barack Hussein Obama</td><td>one</td><td>2009-</td></tr>
76 |         </tbody>
77 |     </table>
78 |     <p><em>Data as of October, 2012.</em></p>
79 |     <h2>Code</h2>
80 |     <pre>$('table').filterTable({
81 |     inputSelector: '#input-filter'
82 | });</pre>
83 |     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
84 |     <script src="../jquery.filtertable.min.js"></script>
85 |     <script>
86 |     $(document).ready(function() {
87 |         $('table').filterTable({ // apply filterTable to all tables on this page
88 |             inputSelector: '#input-filter' // use the existing input instead of creating a new one
89 |         });
90 |     });
91 |     </script>
92 | </body>
93 | </html>


--------------------------------------------------------------------------------
/examples/filtertable-all-terms.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <head>
 4 |     <meta charset="utf-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>jQuery.FilterTable All Terms Sample</title>
 7 |     <link rel="stylesheet" href="samples-styles.css">
 8 |     <style>
 9 |     /* filter table specific styling */
10 |     td.alt { background-color: #ffc; background-color: rgba(255, 255, 0, 0.2); }
11 |     </style>
12 | </head>
13 | <body>
14 |     <h1>jQuery.FilterTable All Terms Sample</h1>
15 |     <p><a href="index.html">&larr; More samples</a></p>
16 |     <p>This is a sample of the <a href="http://sunnywalker.github.com/jQuery.FilterTable">jQuery.FilterTable plugin</a> which searchs for all of the terms instead of the literal term (a AND b). The term delimiters are comma (,) and space ( ).</p>
17 |     <p>It's important to note that the term matching is per-cell, not per-row. That is, to match, each cell must have all of the terms.</p>
18 |     <p>For example:</p>
19 |     <ul>
20 |         <li>Search for “<a href="#" class="fill-filter">john adams</a>”.</li>
21 |         <li>Search for “<a href="#" class="fill-filter">john,adams</a>” which is functionally equivalent to the previous search.</li>
22 |         <li>Search for “<a href="#" class="fill-filter">18 19</a>”.</li>
23 |         <li>Search for “<a href="#" class="fill-filter">19,20</a>”.</li>
24 |     </ul>
25 |     <h2>Presidents of the United States of America</h2>
26 |     <table>
27 |         <thead>
28 |             <tr>
29 |                 <th scope="col" title="President Number">#</th>
30 |                 <th scope="col">President</th>
31 |                 <th scope="col">Terms</th>
32 |                 <th scope="col">Tenure</th>
33 |             </tr>
34 |         </thead>
35 |         <tbody>
36 |             <tr><td>1</td><td>George Washington</td><td>two</td><td>1789-1797</td></tr>
37 |             <tr><td>2</td><td>John Adams</td><td>one</td><td>1797-1801</td></tr>
38 |             <tr><td>3</td><td>Thomas Jefferson</td><td>two</td><td>1801-1809</td></tr>
39 |             <tr><td>4</td><td>James Madison</td><td>two</td><td>1809-1817</td></tr>
40 |             <tr><td>5</td><td>James Monroe</td><td>two</td><td>1817-1825</td></tr>
41 |             <tr><td>6</td><td>John Quincy Adams</td><td>one</td><td>1825-1829</td></tr>
42 |             <tr><td>7</td><td>Andrew Jackson</td><td>two</td><td>1829-1837</td></tr>
43 |             <tr><td>8</td><td>Martin Van Buren</td><td>one</td><td>1837-1841</td></tr>
44 |             <tr><td>9</td><td>William Henry Harrison</td><td>one-partial</td><td>1841</td></tr>
45 |             <tr><td>10</td><td>John Tyler</td><td>one-partial</td><td>1841-1845</td></tr>
46 |             <tr><td>11</td><td>James Knox Polk</td><td>one</td><td>1845-1849</td></tr>
47 |             <tr><td>12</td><td>Zachary Taylor</td><td>one-partial</td><td>1849-1850</td></tr>
48 |             <tr><td>13</td><td>Millard Fillmore</td><td>one-partial</td><td>1850-1853</td></tr>
49 |             <tr><td>14</td><td>Franklin Pierce</td><td>one</td><td>1853-1857</td></tr>
50 |             <tr><td>15</td><td>James Buchanan</td><td>one</td><td>1857-1861</td></tr>
51 |             <tr><td>16</td><td>Abraham Lincoln</td><td>two-partial</td><td>1861-1865</td></tr>
52 |             <tr><td>17</td><td>Andrew Johnson</td><td>one-partial</td><td>1865-1869</td></tr>
53 |             <tr><td>18</td><td>Ulysses S. Grant</td><td>two</td><td>1869-1877</td></tr>
54 |             <tr><td>19</td><td>Rutherford Birchard Hayes</td><td>one</td><td>1877-1881</td></tr>
55 |             <tr><td>20</td><td>James Abram Garfield</td><td>one-partial</td><td>1881</td></tr>
56 |             <tr><td>21</td><td>Chester Alan Arthur</td><td>one-partial</td><td>1881-1885</td></tr>
57 |             <tr><td>22</td><td>Grover Cleveland</td><td>one</td><td>1885-1889</td></tr>
58 |             <tr><td>23</td><td>Benjamin Harrison</td><td>one</td><td>1889-1893</td></tr>
59 |             <tr><td>24</td><td>Grover Cleveland</td><td>one-again</td><td>1893-1897</td></tr>
60 |             <tr><td>25</td><td>William McKinley</td><td>two-partial</td><td>1897-1901</td></tr>
61 |             <tr><td>26</td><td>Theodore Roosevelt</td><td>two-partial</td><td>1901-1909</td></tr>
62 |             <tr><td>27</td><td>William Howard Taft</td><td>one</td><td>1909-1913</td></tr>
63 |             <tr><td>28</td><td>Woodrow Wilson</td><td>two</td><td>1913-1921</td></tr>
64 |             <tr><td>29</td><td>Warren Gamaliel Harding</td><td>two-partial</td><td>1921-1923</td></tr>
65 |             <tr><td>30</td><td>Calvin Coolidge</td><td>two-partial</td><td>1923-1929</td></tr>
66 |             <tr><td>31</td><td>Herbert Clark Hoover</td><td>one</td><td>1929-1933</td></tr>
67 |             <tr><td>32</td><td>Franklin Delano Roosevelt</td><td>four-partial</td><td>1933-1945</td></tr>
68 |             <tr><td>33</td><td>Harry S. Truman</td><td>two-partial</td><td>1945-1953</td></tr>
69 |             <tr><td>34</td><td>Dwight David Eisenhower</td><td>two</td><td>1953-1961</td></tr>
70 |             <tr><td>35</td><td>John Fitzgerald Kennedy</td><td>two-partial</td><td>1961-1963</td></tr>
71 |             <tr><td>36</td><td>Lyndon Baines Johnson</td><td>two-partial</td><td>1963-1969</td></tr>
72 |             <tr><td>37</td><td>Richard Milhous Nixon</td><td>two-partial</td><td>1969-1974</td></tr>
73 |             <tr><td>38</td><td>Gerald Rudolph Ford</td><td>two-partial</td><td>1974-1977</td></tr>
74 |             <tr><td>39</td><td>James Earl Carter, Jr.</td><td>one</td><td>1977-1981</td></tr>
75 |             <tr><td>40</td><td>Ronald Wilson Reagan</td><td>two</td><td>1981-1989</td></tr>
76 |             <tr><td>41</td><td>George Herbert Walker Bush</td><td>one</td><td>1989-1993</td></tr>
77 |             <tr><td>42</td><td>William Jefferson Clinton</td><td>two</td><td>1993-2001</td></tr>
78 |             <tr><td>43</td><td>George Walker Bush</td><td>two</td><td>2001-2009</td></tr>
79 |             <tr><td>44</td><td>Barack Hussein Obama</td><td>one</td><td>2009-</td></tr>
80 |         </tbody>
81 |     </table>
82 |     <p><em>Data as of October, 2012.</em></p>
83 |     <h2>Code</h2>
84 |     <pre>$('table').filterTable({
85 |     filterExpression: 'filterTableFindAll'
86 | });</pre>
87 |     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
88 |     <script src="../jquery.filtertable.min.js"></script>
89 |     <script>
90 |     $(document).ready(function() {
91 |         // apply filterTable to all tables on this page
92 |         $('table').filterTable({filterExpression: 'filterTableFindAll'});
93 |     });
94 |     </script>
95 |     <script src="samples-common.js"></script><!-- this is only needed for the sample page and not for your projects -->
96 | </body>
97 | </html>


--------------------------------------------------------------------------------
/examples/filtertable-min-chars.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <head>
 4 |     <meta charset="utf-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>jQuery.FilterTable Sample</title>
 7 |     <link rel="stylesheet" href="samples-styles.css">
 8 |     <style>
 9 |     /* filter table specific styling */
10 |     td.alt { background-color: #ffc; background-color: rgba(255, 255, 0, 0.2); }
11 |     </style>
12 | </head>
13 | <body>
14 |     <h1>jQuery.FilterTable Minimum Characters Sample</h1>
15 |     <p><a href="index.html">&larr; More samples</a></p>
16 |     <p>This is a sample of the <a href="http://sunnywalker.github.com/jQuery.FilterTable">jQuery.FilterTable plugin</a> illustrating the <code>minChars</code> option. This sample sets the option to 3, meaning the term must be at least 3 characters to trigger the filtering.</p>
17 |     <p><strong>Special note for usability:</strong> Your visitors may not know that there is a minumum number of characters needed for the filtering, so you will likely want to also indicate so with the <code>label</code> or <code>placeholder</code> options.</p>
18 |     <p>For example:</p>
19 |     <ul>
20 |         <li>Search for “<a href="#" class="fill-filter">j</a>” and nothing is filtered because the term is less than 3 characters.</li>
21 |         <li>Search for “<a href="#" class="fill-filter">ja</a>” and nothing is filtered because the term is less than 3 characters.</li>
22 |         <li>Search for “<a href="#" class="fill-filter">jam</a>” and the table is filtered normally.</li>
23 |         <li>Search for “<a href="#" class="fill-filter">james</a>” and the table is filtered normally.</li>
24 |     </ul>
25 |     <h2>Presidents of the United States of America</h2>
26 |     <table>
27 |         <thead>
28 |             <tr>
29 |                 <th scope="col" title="President Number">#</th>
30 |                 <th scope="col">President</th>
31 |                 <th scope="col">Terms</th>
32 |                 <th scope="col">Tenure</th>
33 |             </tr>
34 |         </thead>
35 |         <tbody>
36 |             <tr><td>1</td><td>George Washington</td><td>two</td><td>1789-1797</td></tr>
37 |             <tr><td>2</td><td>John Adams</td><td>one</td><td>1797-1801</td></tr>
38 |             <tr><td>3</td><td>Thomas Jefferson</td><td>two</td><td>1801-1809</td></tr>
39 |             <tr><td>4</td><td>James Madison</td><td>two</td><td>1809-1817</td></tr>
40 |             <tr><td>5</td><td>James Monroe</td><td>two</td><td>1817-1825</td></tr>
41 |             <tr><td>6</td><td>John Quincy Adams</td><td>one</td><td>1825-1829</td></tr>
42 |             <tr><td>7</td><td>Andrew Jackson</td><td>two</td><td>1829-1837</td></tr>
43 |             <tr><td>8</td><td>Martin Van Buren</td><td>one</td><td>1837-1841</td></tr>
44 |             <tr><td>9</td><td>William Henry Harrison</td><td>one-partial</td><td>1841</td></tr>
45 |             <tr><td>10</td><td>John Tyler</td><td>one-partial</td><td>1841-1845</td></tr>
46 |             <tr><td>11</td><td>James Knox Polk</td><td>one</td><td>1845-1849</td></tr>
47 |             <tr><td>12</td><td>Zachary Taylor</td><td>one-partial</td><td>1849-1850</td></tr>
48 |             <tr><td>13</td><td>Millard Fillmore</td><td>one-partial</td><td>1850-1853</td></tr>
49 |             <tr><td>14</td><td>Franklin Pierce</td><td>one</td><td>1853-1857</td></tr>
50 |             <tr><td>15</td><td>James Buchanan</td><td>one</td><td>1857-1861</td></tr>
51 |             <tr><td>16</td><td>Abraham Lincoln</td><td>two-partial</td><td>1861-1865</td></tr>
52 |             <tr><td>17</td><td>Andrew Johnson</td><td>one-partial</td><td>1865-1869</td></tr>
53 |             <tr><td>18</td><td>Ulysses S. Grant</td><td>two</td><td>1869-1877</td></tr>
54 |             <tr><td>19</td><td>Rutherford Birchard Hayes</td><td>one</td><td>1877-1881</td></tr>
55 |             <tr><td>20</td><td>James Abram Garfield</td><td>one-partial</td><td>1881</td></tr>
56 |             <tr><td>21</td><td>Chester Alan Arthur</td><td>one-partial</td><td>1881-1885</td></tr>
57 |             <tr><td>22</td><td>Grover Cleveland</td><td>one</td><td>1885-1889</td></tr>
58 |             <tr><td>23</td><td>Benjamin Harrison</td><td>one</td><td>1889-1893</td></tr>
59 |             <tr><td>24</td><td>Grover Cleveland</td><td>one-again</td><td>1893-1897</td></tr>
60 |             <tr><td>25</td><td>William McKinley</td><td>two-partial</td><td>1897-1901</td></tr>
61 |             <tr><td>26</td><td>Theodore Roosevelt</td><td>two-partial</td><td>1901-1909</td></tr>
62 |             <tr><td>27</td><td>William Howard Taft</td><td>one</td><td>1909-1913</td></tr>
63 |             <tr><td>28</td><td>Woodrow Wilson</td><td>two</td><td>1913-1921</td></tr>
64 |             <tr><td>29</td><td>Warren Gamaliel Harding</td><td>two-partial</td><td>1921-1923</td></tr>
65 |             <tr><td>30</td><td>Calvin Coolidge</td><td>two-partial</td><td>1923-1929</td></tr>
66 |             <tr><td>31</td><td>Herbert Clark Hoover</td><td>one</td><td>1929-1933</td></tr>
67 |             <tr><td>32</td><td>Franklin Delano Roosevelt</td><td>four-partial</td><td>1933-1945</td></tr>
68 |             <tr><td>33</td><td>Harry S. Truman</td><td>two-partial</td><td>1945-1953</td></tr>
69 |             <tr><td>34</td><td>Dwight David Eisenhower</td><td>two</td><td>1953-1961</td></tr>
70 |             <tr><td>35</td><td>John Fitzgerald Kennedy</td><td>two-partial</td><td>1961-1963</td></tr>
71 |             <tr><td>36</td><td>Lyndon Baines Johnson</td><td>two-partial</td><td>1963-1969</td></tr>
72 |             <tr><td>37</td><td>Richard Milhous Nixon</td><td>two-partial</td><td>1969-1974</td></tr>
73 |             <tr><td>38</td><td>Gerald Rudolph Ford</td><td>two-partial</td><td>1974-1977</td></tr>
74 |             <tr><td>39</td><td>James Earl Carter, Jr.</td><td>one</td><td>1977-1981</td></tr>
75 |             <tr><td>40</td><td>Ronald Wilson Reagan</td><td>two</td><td>1981-1989</td></tr>
76 |             <tr><td>41</td><td>George Herbert Walker Bush</td><td>one</td><td>1989-1993</td></tr>
77 |             <tr><td>42</td><td>William Jefferson Clinton</td><td>two</td><td>1993-2001</td></tr>
78 |             <tr><td>43</td><td>George Walker Bush</td><td>two</td><td>2001-2009</td></tr>
79 |             <tr><td>44</td><td>Barack Hussein Obama</td><td>one</td><td>2009-</td></tr>
80 |         </tbody>
81 |     </table>
82 |     <p><em>Data as of October, 2012.</em></p>
83 |     <h2>Code</h2>
84 |     <pre>$('table').filterTable({
85 |     minChars: 3,
86 |     label: 'Filter (3+ characters):'
87 | });</pre>
88 |     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
89 |     <script src="../jquery.filtertable.min.js"></script>
90 |     <script>
91 |     $(document).ready(function() {
92 |         $('table').filterTable({minChars: 3, label: 'Filter (3+ characters):'});
93 |     });
94 |     </script>
95 |     <script src="samples-common.js"></script><!-- this is only needed for the sample page and not for your projects -->
96 | </body>
97 | </html>


--------------------------------------------------------------------------------
/examples/filtertable-striping.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html>
  3 | <head>
  4 |     <meta charset="utf-8">
  5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6 |     <title>jQuery.FilterTable Striping Sample</title>
  7 |     <link rel="stylesheet" href="samples-styles.css">
  8 |     <style>
  9 |     /* Note: auto striping with CSS as below gets messed up with hidden rows. */
 10 |     /* table.striped tbody tr:nth-child(even) { background-color: #f0f8ff; } */
 11 |     /* Instead, we're using JavaScript to add the striping. */
 12 |     tr.striped { background-color: #f0f8ff; }
 13 | 
 14 |     /* filter table specific styling */
 15 |     td.alt { background-color: #ffc; background-color: rgba(255, 255, 0, 0.2); }
 16 |     </style>
 17 | </head>
 18 | <body>
 19 |     <h1>jQuery.FilterTable Striping Sample</h1>
 20 |     <p><a href="index.html">&larr; More samples</a></p>
 21 |     <p>This is a plain row striping sample of the <a href="http://sunnywalker.github.com/jQuery.FilterTable">jQuery.FilterTable plugin</a>. It shows the code to stripe alternate rows.</p>
 22 |     <h2>Presidents of the United States of America</h2>
 23 |     <table>
 24 |         <thead>
 25 |             <tr>
 26 |                 <th scope="col" title="President Number">#</th>
 27 |                 <th scope="col">President</th>
 28 |                 <th scope="col">Terms</th>
 29 |                 <th scope="col">Tenure</th>
 30 |             </tr>
 31 |         </thead>
 32 |         <tbody>
 33 |             <tr><td>1</td><td>George Washington</td><td>two</td><td>1789-1797</td></tr>
 34 |             <tr><td>2</td><td>John Adams</td><td>one</td><td>1797-1801</td></tr>
 35 |             <tr><td>3</td><td>Thomas Jefferson</td><td>two</td><td>1801-1809</td></tr>
 36 |             <tr><td>4</td><td>James Madison</td><td>two</td><td>1809-1817</td></tr>
 37 |             <tr><td>5</td><td>James Monroe</td><td>two</td><td>1817-1825</td></tr>
 38 |             <tr><td>6</td><td>John Quincy Adams</td><td>one</td><td>1825-1829</td></tr>
 39 |             <tr><td>7</td><td>Andrew Jackson</td><td>two</td><td>1829-1837</td></tr>
 40 |             <tr><td>8</td><td>Martin Van Buren</td><td>one</td><td>1837-1841</td></tr>
 41 |             <tr><td>9</td><td>William Henry Harrison</td><td>one-partial</td><td>1841</td></tr>
 42 |             <tr><td>10</td><td>John Tyler</td><td>one-partial</td><td>1841-1845</td></tr>
 43 |             <tr><td>11</td><td>James Knox Polk</td><td>one</td><td>1845-1849</td></tr>
 44 |             <tr><td>12</td><td>Zachary Taylor</td><td>one-partial</td><td>1849-1850</td></tr>
 45 |             <tr><td>13</td><td>Millard Fillmore</td><td>one-partial</td><td>1850-1853</td></tr>
 46 |             <tr><td>14</td><td>Franklin Pierce</td><td>one</td><td>1853-1857</td></tr>
 47 |             <tr><td>15</td><td>James Buchanan</td><td>one</td><td>1857-1861</td></tr>
 48 |             <tr><td>16</td><td>Abraham Lincoln</td><td>two-partial</td><td>1861-1865</td></tr>
 49 |             <tr><td>17</td><td>Andrew Johnson</td><td>one-partial</td><td>1865-1869</td></tr>
 50 |             <tr><td>18</td><td>Ulysses S. Grant</td><td>two</td><td>1869-1877</td></tr>
 51 |             <tr><td>19</td><td>Rutherford Birchard Hayes</td><td>one</td><td>1877-1881</td></tr>
 52 |             <tr><td>20</td><td>James Abram Garfield</td><td>one-partial</td><td>1881</td></tr>
 53 |             <tr><td>21</td><td>Chester Alan Arthur</td><td>one-partial</td><td>1881-1885</td></tr>
 54 |             <tr><td>22</td><td>Grover Cleveland</td><td>one</td><td>1885-1889</td></tr>
 55 |             <tr><td>23</td><td>Benjamin Harrison</td><td>one</td><td>1889-1893</td></tr>
 56 |             <tr><td>24</td><td>Grover Cleveland</td><td>one-again</td><td>1893-1897</td></tr>
 57 |             <tr><td>25</td><td>William McKinley</td><td>two-partial</td><td>1897-1901</td></tr>
 58 |             <tr><td>26</td><td>Theodore Roosevelt</td><td>two-partial</td><td>1901-1909</td></tr>
 59 |             <tr><td>27</td><td>William Howard Taft</td><td>one</td><td>1909-1913</td></tr>
 60 |             <tr><td>28</td><td>Woodrow Wilson</td><td>two</td><td>1913-1921</td></tr>
 61 |             <tr><td>29</td><td>Warren Gamaliel Harding</td><td>two-partial</td><td>1921-1923</td></tr>
 62 |             <tr><td>30</td><td>Calvin Coolidge</td><td>two-partial</td><td>1923-1929</td></tr>
 63 |             <tr><td>31</td><td>Herbert Clark Hoover</td><td>one</td><td>1929-1933</td></tr>
 64 |             <tr><td>32</td><td>Franklin Delano Roosevelt</td><td>four-partial</td><td>1933-1945</td></tr>
 65 |             <tr><td>33</td><td>Harry S. Truman</td><td>two-partial</td><td>1945-1953</td></tr>
 66 |             <tr><td>34</td><td>Dwight David Eisenhower</td><td>two</td><td>1953-1961</td></tr>
 67 |             <tr><td>35</td><td>John Fitzgerald Kennedy</td><td>two-partial</td><td>1961-1963</td></tr>
 68 |             <tr><td>36</td><td>Lyndon Baines Johnson</td><td>two-partial</td><td>1963-1969</td></tr>
 69 |             <tr><td>37</td><td>Richard Milhous Nixon</td><td>two-partial</td><td>1969-1974</td></tr>
 70 |             <tr><td>38</td><td>Gerald Rudolph Ford</td><td>two-partial</td><td>1974-1977</td></tr>
 71 |             <tr><td>39</td><td>James Earl Carter, Jr.</td><td>one</td><td>1977-1981</td></tr>
 72 |             <tr><td>40</td><td>Ronald Wilson Reagan</td><td>two</td><td>1981-1989</td></tr>
 73 |             <tr><td>41</td><td>George Herbert Walker Bush</td><td>one</td><td>1989-1993</td></tr>
 74 |             <tr><td>42</td><td>William Jefferson Clinton</td><td>two</td><td>1993-2001</td></tr>
 75 |             <tr><td>43</td><td>George Walker Bush</td><td>two</td><td>2001-2009</td></tr>
 76 |             <tr><td>44</td><td>Barack Hussein Obama</td><td>one</td><td>2009-</td></tr>
 77 |         </tbody>
 78 |     </table>
 79 |     <p><em>Data as of October, 2012.</em></p>
 80 |     <h2>Code</h2>
 81 |     <pre>var stripeTable = function(table) { //stripe the table (jQuery selector)
 82 |     table.find('tr').removeClass('striped').filter(':visible:even').addClass('striped');
 83 | };
 84 | $('table').filterTable({
 85 |     callback: function(term, table) { stripeTable(table); } //call the striping after every change to the filter term
 86 | });
 87 | stripeTable($('table')); //stripe the table for the first time</pre>
 88 |     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
 89 |     <script src="../jquery.filtertable.min.js"></script>
 90 |     <script>
 91 |     $(document).ready(function() {
 92 |         var stripeTable = function(table) { //stripe the table (jQuery selector)
 93 |             table.find('tr').removeClass('striped').filter(':visible:even').addClass('striped');
 94 |         };
 95 |         $('table').filterTable({
 96 |             callback: function(term, table) { stripeTable(table); } //call the striping after every change to the filter term
 97 |         });
 98 |         stripeTable($('table')); //stripe the table for the first time
 99 |     });
100 |     </script>
101 | </body>
102 | </html>


--------------------------------------------------------------------------------
/examples/filtertable-ignore-columns.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <head>
 4 |     <meta charset="utf-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>jQuery.FilterTable Ignore Columns Samples</title>
 7 |     <link rel="stylesheet" href="samples-styles.css">
 8 |     <style>
 9 |     /* filter table specific styling */
10 |     td.alt { background-color: #ffc; background-color: rgba(255, 255, 0, 0.2); }
11 | 
12 |     /* style ignored columns */
13 |     tr > td:nth-child(1), tr > td:nth-child(3) { color: #999; }
14 |     </style>
15 | </head>
16 | <body>
17 |     <h1>jQuery.FilterTable Ignore Columns Sample</h1>
18 |     <p><a href="index.html">&larr; More samples</a></p>
19 |     <p>This is a sample of the <a href="http://sunnywalker.github.com/jQuery.FilterTable">jQuery.FilterTable plugin</a> using the <code>ignoreColumns</code> option.</p>
20 |     <p>In this sample, columns the first and third columns (0 and 2) are ignored—not filtered. Also in this sample, the ignored columns are styled via CSS to help identify that they are ignored.</p>
21 |     <p>For example:</p>
22 |     <ul>
23 |         <li>Search for “<a href="#" class="fill-filter" data-table="#example-1">17</a>” and note that president #17 from the first column is not also highlighted.</li>
24 |         <li>Search for “<a href="#" class="fill-filter" data-table="#example-1">al</a>” and note that every president with “partial” is not also highlighted because the terms column is ignored by the filtering.</li>
25 |         <li>Search for “<a href="#" class="fill-filter" data-table="#example-1">one</a>” and note that none are highlighted because the terms column is ignored by the filtering.</li>
26 |     </ul>
27 |     <h2>Presidents of the United States of America</h2>
28 |     <table>
29 |         <thead>
30 |             <tr>
31 |                 <th scope="col" title="President Number">#</th>
32 |                 <th scope="col">President</th>
33 |                 <th scope="col">Terms</th>
34 |                 <th scope="col">Tenure</th>
35 |             </tr>
36 |         </thead>
37 |         <tbody>
38 |             <tr><td>1</td><td>George Washington</td><td>two</td><td>1789-1797</td></tr>
39 |             <tr><td>2</td><td>John Adams</td><td>one</td><td>1797-1801</td></tr>
40 |             <tr><td>3</td><td>Thomas Jefferson</td><td>two</td><td>1801-1809</td></tr>
41 |             <tr><td>4</td><td>James Madison</td><td>two</td><td>1809-1817</td></tr>
42 |             <tr><td>5</td><td>James Monroe</td><td>two</td><td>1817-1825</td></tr>
43 |             <tr><td>6</td><td>John Quincy Adams</td><td>one</td><td>1825-1829</td></tr>
44 |             <tr><td>7</td><td>Andrew Jackson</td><td>two</td><td>1829-1837</td></tr>
45 |             <tr><td>8</td><td>Martin Van Buren</td><td>one</td><td>1837-1841</td></tr>
46 |             <tr><td>9</td><td>William Henry Harrison</td><td>one-partial</td><td>1841</td></tr>
47 |             <tr><td>10</td><td>John Tyler</td><td>one-partial</td><td>1841-1845</td></tr>
48 |             <tr><td>11</td><td>James Knox Polk</td><td>one</td><td>1845-1849</td></tr>
49 |             <tr><td>12</td><td>Zachary Taylor</td><td>one-partial</td><td>1849-1850</td></tr>
50 |             <tr><td>13</td><td>Millard Fillmore</td><td>one-partial</td><td>1850-1853</td></tr>
51 |             <tr><td>14</td><td>Franklin Pierce</td><td>one</td><td>1853-1857</td></tr>
52 |             <tr><td>15</td><td>James Buchanan</td><td>one</td><td>1857-1861</td></tr>
53 |             <tr><td>16</td><td>Abraham Lincoln</td><td>two-partial</td><td>1861-1865</td></tr>
54 |             <tr><td>17</td><td>Andrew Johnson</td><td>one-partial</td><td>1865-1869</td></tr>
55 |             <tr><td>18</td><td>Ulysses S. Grant</td><td>two</td><td>1869-1877</td></tr>
56 |             <tr><td>19</td><td>Rutherford Birchard Hayes</td><td>one</td><td>1877-1881</td></tr>
57 |             <tr><td>20</td><td>James Abram Garfield</td><td>one-partial</td><td>1881</td></tr>
58 |             <tr><td>21</td><td>Chester Alan Arthur</td><td>one-partial</td><td>1881-1885</td></tr>
59 |             <tr><td>22</td><td>Grover Cleveland</td><td>one</td><td>1885-1889</td></tr>
60 |             <tr><td>23</td><td>Benjamin Harrison</td><td>one</td><td>1889-1893</td></tr>
61 |             <tr><td>24</td><td>Grover Cleveland</td><td>one-again</td><td>1893-1897</td></tr>
62 |             <tr><td>25</td><td>William McKinley</td><td>two-partial</td><td>1897-1901</td></tr>
63 |             <tr><td>26</td><td>Theodore Roosevelt</td><td>two-partial</td><td>1901-1909</td></tr>
64 |             <tr><td>27</td><td>William Howard Taft</td><td>one</td><td>1909-1913</td></tr>
65 |             <tr><td>28</td><td>Woodrow Wilson</td><td>two</td><td>1913-1921</td></tr>
66 |             <tr><td>29</td><td>Warren Gamaliel Harding</td><td>two-partial</td><td>1921-1923</td></tr>
67 |             <tr><td>30</td><td>Calvin Coolidge</td><td>two-partial</td><td>1923-1929</td></tr>
68 |             <tr><td>31</td><td>Herbert Clark Hoover</td><td>one</td><td>1929-1933</td></tr>
69 |             <tr><td>32</td><td>Franklin Delano Roosevelt</td><td>four-partial</td><td>1933-1945</td></tr>
70 |             <tr><td>33</td><td>Harry S. Truman</td><td>two-partial</td><td>1945-1953</td></tr>
71 |             <tr><td>34</td><td>Dwight David Eisenhower</td><td>two</td><td>1953-1961</td></tr>
72 |             <tr><td>35</td><td>John Fitzgerald Kennedy</td><td>two-partial</td><td>1961-1963</td></tr>
73 |             <tr><td>36</td><td>Lyndon Baines Johnson</td><td>two-partial</td><td>1963-1969</td></tr>
74 |             <tr><td>37</td><td>Richard Milhous Nixon</td><td>two-partial</td><td>1969-1974</td></tr>
75 |             <tr><td>38</td><td>Gerald Rudolph Ford</td><td>two-partial</td><td>1974-1977</td></tr>
76 |             <tr><td>39</td><td>James Earl Carter, Jr.</td><td>one</td><td>1977-1981</td></tr>
77 |             <tr><td>40</td><td>Ronald Wilson Reagan</td><td>two</td><td>1981-1989</td></tr>
78 |             <tr><td>41</td><td>George Herbert Walker Bush</td><td>one</td><td>1989-1993</td></tr>
79 |             <tr><td>42</td><td>William Jefferson Clinton</td><td>two</td><td>1993-2001</td></tr>
80 |             <tr><td>43</td><td>George Walker Bush</td><td>two</td><td>2001-2009</td></tr>
81 |             <tr><td>44</td><td>Barack Hussein Obama</td><td>one</td><td>2009-</td></tr>
82 |         </tbody>
83 |     </table>
84 |     <p><em>Data as of October, 2012.</em></p>
85 |     <h2>Code</h2>
86 |     <pre>$('table').filterTable({
87 |     ignoreColumns: [0, 2]
88 | });</pre>
89 |     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
90 |     <script src="../jquery.filtertable.min.js"></script>
91 |     <script>
92 |     $(document).ready(function() {
93 |         // apply filterTable to all tables on this page but don't filter content from columns 0 and 2 (first and third columns)
94 |         $('table').filterTable({ignoreColumns: [0, 2]});
95 |     });
96 |     </script>
97 |     <script src="samples-common.js"></script><!-- this is only needed for the sample page and not for your projects -->
98 | </body>
99 | </html>


--------------------------------------------------------------------------------
/jquery.filtertable.js:
--------------------------------------------------------------------------------
  1 | /**
  2 |  * jquery.filterTable
  3 |  *
  4 |  * This plugin will add a search filter to tables. When typing in the filter,
  5 |  * any rows that do not contain the filter will be hidden.
  6 |  *
  7 |  * Utilizes bindWithDelay() if available. https://github.com/bgrins/bindWithDelay
  8 |  *
  9 |  * @version v1.5.7
 10 |  * @author Sunny Walker, swalker@hawaii.edu
 11 |  * @license MIT
 12 |  */
 13 | (function ($) {
 14 |     var jversion = $.fn.jquery.split('.'),
 15 |         jmajor = parseFloat(jversion[0]),
 16 |         jminor = parseFloat(jversion[1]);
 17 |     // build the pseudo selector for jQuery < 1.8
 18 |     if (jmajor < 2 && jminor < 8) {
 19 |         // build the case insensitive filtering functionality as a pseudo-selector expression
 20 |         $.expr[':'].filterTableFind = function (a, i, m) {
 21 |             return $(a).text().toUpperCase().indexOf(m[3].toUpperCase().replace(/"""/g, '"').replace(/"\\"/g, "\\")) >= 0;
 22 |         };
 23 |         // build the case insensitive all-words filtering functionality as a pseudo-selector expression
 24 |         $.expr[':'].filterTableFindAny = function (a, i, m) {
 25 |             // build an array of each non-falsey value passed
 26 |             var raw_args = m[3].split(/[\s,]/),
 27 |                 args = [];
 28 |             $.each(raw_args, function (j, v) {
 29 |                 var t = v.replace(/^\s+|\s$/g, '');
 30 |                 if (t) {
 31 |                     args.push(t);
 32 |                 }
 33 |             });
 34 |             // if there aren't any non-falsey values to search for, abort
 35 |             if (!args.length) {
 36 |                 return false;
 37 |             }
 38 |             return function (a) {
 39 |                 var found = false;
 40 |                 $.each(args, function (j, v) {
 41 |                     if ($(a).text().toUpperCase().indexOf(v.toUpperCase().replace(/"""/g, '"').replace(/"\\"/g, "\\")) >= 0) {
 42 |                         found = true;
 43 |                         return false;
 44 |                     }
 45 |                 });
 46 |                 return found;
 47 |             };
 48 |         };
 49 |         // build the case insensitive all-words filtering functionality as a pseudo-selector expression
 50 |         $.expr[':'].filterTableFindAll = function (a, i, m) {
 51 |             // build an array of each non-falsey value passed
 52 |             var raw_args = m[3].split(/[\s,]/),
 53 |                 args = [];
 54 |             $.each(raw_args, function (j, v) {
 55 |                 var t = v.replace(/^\s+|\s$/g, '');
 56 |                 if (t) {
 57 |                     args.push(t);
 58 |                 }
 59 |             });
 60 |             // if there aren't any non-falsey values to search for, abort
 61 |             if (!args.length) {
 62 |                 return false;
 63 |             }
 64 |             return function (a) {
 65 |                 // how many terms were found?
 66 |                 var found = 0;
 67 |                 $.each(args, function (j, v) {
 68 |                     if ($(a).text().toUpperCase().indexOf(v.toUpperCase().replace(/"""/g, '"').replace(/"\\"/g, "\\")) >= 0) {
 69 |                         // found another term
 70 |                         found++;
 71 |                     }
 72 |                 });
 73 |                 return found === args.length; // did we find all of them in this cell?
 74 |             };
 75 |         };
 76 |     } else {
 77 |         // build the pseudo selector for jQuery >= 1.8
 78 |         $.expr[':'].filterTableFind = jQuery.expr.createPseudo(function (arg) {
 79 |             return function (el) {
 80 |                 return $(el).text().toUpperCase().indexOf(arg.toUpperCase().replace(/"""/g, '"').replace(/"\\"/g, "\\")) >= 0;
 81 |             };
 82 |         });
 83 |         $.expr[':'].filterTableFindAny = jQuery.expr.createPseudo(function (arg) {
 84 |             // build an array of each non-falsey value passed
 85 |             var raw_args = arg.split(/[\s,]/),
 86 |                 args = [];
 87 |             $.each(raw_args, function (i, v) {
 88 |                 // trim the string
 89 |                 var t = v.replace(/^\s+|\s$/g, '');
 90 |                 if (t) {
 91 |                     args.push(t);
 92 |                 }
 93 |             });
 94 |             // if there aren't any non-falsey values to search for, abort
 95 |             if (!args.length) {
 96 |                 return false;
 97 |             }
 98 |             return function (el) {
 99 |                 var found = false;
100 |                 $.each(args, function (i, v) {
101 |                     if ($(el).text().toUpperCase().indexOf(v.toUpperCase().replace(/"""/g, '"').replace(/"\\"/g, "\\")) >= 0) {
102 |                         found = true;
103 |                         // short-circuit the searching since this cell has one of the terms
104 |                         return false;
105 |                     }
106 |                 });
107 |                 return found;
108 |             };
109 |         });
110 |         $.expr[':'].filterTableFindAll = jQuery.expr.createPseudo(function (arg) {
111 |             // build an array of each non-falsey value passed
112 |             var raw_args = arg.split(/[\s,]/),
113 |                 args = [];
114 |             $.each(raw_args, function (i, v) {
115 |                 // trim the string
116 |                 var t = v.replace(/^\s+|\s$/g, '');
117 |                 if (t) {
118 |                     args.push(t);
119 |                 }
120 |             });
121 |             // if there aren't any non-falsey values to search for, abort
122 |             if (!args.length) {
123 |                 return false;
124 |             }
125 |             return function (el) {
126 |                 // how many terms were found?
127 |                 var found = 0;
128 |                 $.each(args, function (i, v) {
129 |                     if ($(el).text().toUpperCase().indexOf(v.toUpperCase().replace(/"""/g, '"').replace(/"\\"/g, "\\")) >= 0) {
130 |                         // found another term
131 |                         found++;
132 |                     }
133 |                 });
134 |                 // did we find all of them in this cell?
135 |                 return found === args.length;
136 |             };
137 |         });
138 |     }
139 |     // define the filterTable plugin
140 |     $.fn.filterTable = function (options) {
141 |         // start off with some default settings
142 |         var defaults = {
143 |                 // make the filter input field autofocused (not recommended for accessibility)
144 |                 autofocus: false,
145 | 
146 |                 // callback function: function (term, table){}
147 |                 callback: null,
148 | 
149 |                 // class to apply to the container
150 |                 containerClass: 'filter-table',
151 | 
152 |                 // tag name of the container
153 |                 containerTag: 'p',
154 | 
155 |                 // jQuery expression method to use for filtering
156 |                 filterExpression: 'filterTableFind',
157 | 
158 |                 // if true, the table's tfoot(s) will be hidden when the table is filtered
159 |                 hideTFootOnFilter: false,
160 | 
161 |                 // class applied to cells containing the filter term
162 |                 highlightClass: 'alt',
163 | 
164 |                 // don't filter the contents of cells with this class
165 |                 ignoreClass: '',
166 | 
167 |                 // don't filter the contents of these columns
168 |                 ignoreColumns: [],
169 | 
170 |                 // use the element with this selector for the filter input field instead of creating one
171 |                 inputSelector: null,
172 | 
173 |                 // name of filter input field
174 |                 inputName: '',
175 | 
176 |                 // tag name of the filter input tag
177 |                 inputType: 'search',
178 | 
179 |                 // text to precede the filter input tag
180 |                 label: 'Filter:',
181 | 
182 |                 // filter only when at least this number of characters are in the filter input field
183 |                 minChars: 1,
184 | 
185 |                 // don't show the filter on tables with at least this number of rows
186 |                 minRows: 8,
187 | 
188 |                 // HTML5 placeholder text for the filter field
189 |                 placeholder: 'search this table',
190 | 
191 |                 // prevent the return key in the filter input field from trigger form submits
192 |                 preventReturnKey: true,
193 | 
194 |                 // list of phrases to quick fill the search
195 |                 quickList: [],
196 | 
197 |                 // class of each quick list item
198 |                 quickListClass: 'quick',
199 | 
200 |                 // quick list item label to clear the filter (e.g., '&times; Clear filter')
201 |                 quickListClear: '',
202 | 
203 |                 // tag surrounding quick list items (e.g., ul)
204 |                 quickListGroupTag: '',
205 | 
206 |                 // tag type of each quick list item (e.g., a or li)
207 |                 quickListTag: 'a',
208 | 
209 |                 // class applied to visible rows
210 |                 visibleClass: 'visible'
211 |             },
212 |             // mimic PHP's htmlspecialchars() function
213 |             hsc = function (text) {
214 |                 return text.replace(/&/g, '&amp;').replace(/"/g, '&quot;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
215 |             },
216 |             // merge the user's settings into the defaults
217 |             settings = $.extend({}, defaults, options);
218 | 
219 |         // handle the actual table filtering
220 |         var doFiltering = function (table, q) {
221 |                 // cache the tbody element
222 |                 var tbody = table.find('tbody');
223 |                 // if the filtering query is blank or the number of chars is less than the minChars option
224 |                 if (q === '' || q.length < settings.minChars) {
225 |                     // show all rows
226 |                     tbody.find('tr').show().addClass(settings.visibleClass);
227 |                     // remove the row highlight from all cells
228 |                     tbody.find('td').removeClass(settings.highlightClass);
229 |                     // show footer if the setting was specified
230 |                     if (settings.hideTFootOnFilter) {
231 |                         table.find('tfoot').show();
232 |                     }
233 |                 } else {
234 |                     // if the filter query is not blank
235 |                     var all_tds = tbody.find('td');
236 |                     // hide all rows, assuming none were found
237 |                     tbody.find('tr').hide().removeClass(settings.visibleClass);
238 |                     // remove previous highlights
239 |                     all_tds.removeClass(settings.highlightClass);
240 |                     // hide footer if the setting was specified
241 |                     if (settings.hideTFootOnFilter) {
242 |                         table.find('tfoot').hide();
243 |                     }
244 |                     if (settings.ignoreColumns.length) {
245 |                         var tds = [];
246 |                         if (settings.ignoreClass) {
247 |                             all_tds = all_tds.not('.' + settings.ignoreClass);
248 |                         }
249 |                         tds = all_tds.filter(':' + settings.filterExpression + '("' + q + '")');
250 |                         tds.each(function () {
251 |                             var t = $(this),
252 |                                 col = t.parent().children().index(t);
253 |                             if ($.inArray(col, settings.ignoreColumns) === -1) {
254 |                                 t.addClass(settings.highlightClass).closest('tr').show().addClass(settings.visibleClass);
255 |                             }
256 |                         });
257 |                     } else {
258 |                         if (settings.ignoreClass) {
259 |                             all_tds = all_tds.not('.' + settings.ignoreClass);
260 |                         }
261 |                         // highlight (class=alt) only the cells that match the query and show their rows
262 |                         all_tds.filter(':' + settings.filterExpression + '("' + q + '")').addClass(settings.highlightClass).closest('tr').show().addClass(settings.visibleClass);
263 |                     }
264 |                 }
265 |                 // call the callback function
266 |                 if (settings.callback) {
267 |                     settings.callback(q, table);
268 |                 }
269 |             }; // doFiltering()
270 | 
271 |         return this.each(function () {
272 |             // cache the table
273 |             var t = $(this),
274 |                 // cache the tbody
275 |                 tbody = t.find('tbody'),
276 |                 // placeholder for the filter field container DOM node
277 |                 container = null,
278 |                 // placeholder for the quick list items
279 |                 quicks = null,
280 |                 // placeholder for the field field DOM node
281 |                 filter = null,
282 |                 // was the filter created or chosen from an existing element?
283 |                 created_filter = true;
284 | 
285 |             // only if object is a table and there's a tbody and at least minRows trs and hasn't already had a filter added
286 |             if (t[0].nodeName === 'TABLE' && tbody.length > 0 && (settings.minRows === 0 || (settings.minRows > 0 && tbody.find('tr').length >= settings.minRows)) && !t.prev().hasClass(settings.containerClass)) {
287 |                 // use a single existing field as the filter input field
288 |                 if (settings.inputSelector && $(settings.inputSelector).length === 1) {
289 |                     filter = $(settings.inputSelector);
290 |                     // container to hold the quick list options
291 |                     container = filter.parent();
292 |                     created_filter = false;
293 |                 } else {
294 |                     // create the filter input field (and container)
295 |                     // build the container tag for the filter field
296 |                     container = $('<' + settings.containerTag + ' />');
297 |                     // add any classes that need to be added
298 |                     if (settings.containerClass !== '') {
299 |                         container.addClass(settings.containerClass);
300 |                     }
301 |                     // add the label for the filter field
302 |                     container.prepend(settings.label + ' ');
303 |                     // build the filter field
304 |                     filter = $('<input type="' + settings.inputType + '" placeholder="' + settings.placeholder + '" name="' + settings.inputName + '" />');
305 |                     // prevent return in the filter field from submitting any forms
306 |                     if (settings.preventReturnKey) {
307 |                         filter.on('keydown', function (ev) {
308 |                             if ((ev.keyCode || ev.which) === 13) {
309 |                                 ev.preventDefault();
310 |                                 return false;
311 |                             }
312 |                         });
313 |                     }
314 |                 }
315 | 
316 |                 // add the autofocus attribute if requested
317 |                 if (settings.autofocus) {
318 |                     filter.attr('autofocus', true);
319 |                 }
320 | 
321 |                 // does bindWithDelay() exist?
322 |                 if ($.fn.bindWithDelay) {
323 |                     // bind doFiltering() to keyup (delayed)
324 |                     filter.bindWithDelay('keyup', function () {
325 |                         doFiltering(t, $(this).val());
326 |                     }, 200);
327 |                 } else {
328 |                     // just bind to onKeyUp
329 |                     // bind doFiltering() to keyup
330 |                     filter.bind('keyup', function () {
331 |                         doFiltering(t, $(this).val());
332 |                     });
333 |                 }
334 | 
335 |                 // bind doFiltering() to additional events
336 |                 filter.bind('click search input paste blur', function () {
337 |                     doFiltering(t, $(this).val());
338 |                 });
339 | 
340 |                 // add the filter field to the container if it was created by the plugin
341 |                 if (created_filter) {
342 |                     container.append(filter);
343 |                 }
344 | 
345 |                 // are there any quick list items to add?
346 |                 if (settings.quickList.length > 0 || settings.quickListClear) {
347 |                     quicks = settings.quickListGroupTag ? $('<' + settings.quickListGroupTag + ' />') : container;
348 |                     // for each quick list item...
349 |                     $.each(settings.quickList, function (index, value) {
350 |                         // build the quick list item link
351 |                         var q = $('<' + settings.quickListTag + ' class="' + settings.quickListClass + '" />');
352 |                         // add the item's text
353 |                         q.text(hsc(value));
354 |                         if (q[0].nodeName === 'A') {
355 |                             // add a (worthless) href to the item if it's an anchor tag so that it gets the browser's link treatment
356 |                             q.attr('href', '#');
357 |                         }
358 |                         // bind the click event to it
359 |                         q.bind('click', function (e) {
360 |                             // stop the normal anchor tag behavior from happening
361 |                             e.preventDefault();
362 |                             // send the quick list value over to the filter field and trigger the event
363 |                             filter.val(value).focus().trigger('click');
364 |                         });
365 |                         // add the quick list link to the quick list groups container
366 |                         quicks.append(q);
367 |                     });
368 | 
369 |                     // add the quick list clear item if a label has been specified
370 |                     if (settings.quickListClear) {
371 |                         // build the clear item
372 |                         var q = $('<' + settings.quickListTag + ' class="' + settings.quickListClass + '" />');
373 |                         // add the label text
374 |                         q.html(settings.quickListClear);
375 |                         if (q[0].nodeName === 'A') {
376 |                             // add a (worthless) href to the item if it's an anchor tag so that it gets the browser's link treatment
377 |                             q.attr('href', '#');
378 |                         }
379 |                         // bind the click event to it
380 |                         q.bind('click', function (e) {
381 |                             e.preventDefault();
382 |                             // clear the quick list value and trigger the event
383 |                             filter.val('').focus().trigger('click');
384 |                         });
385 |                         // add the clear item to the quick list groups container
386 |                         quicks.append(q);
387 |                     }
388 | 
389 |                     // add the quick list groups container to the DOM if it isn't already there
390 |                     if (quicks !== container) {
391 |                         container.append(quicks);
392 |                     }
393 |                 }
394 | 
395 |                 // add the filter field and quick list container to just before the table if it was created by the plugin
396 |                 if (created_filter) {
397 |                     t.before(container);
398 |                 }
399 |             }
400 |         }); // return this.each
401 |     }; // $.fn.filterTable
402 | })(jQuery);
403 | 


--------------------------------------------------------------------------------