NOTE!
- External filter using Select2 plugin.
Demo
| AlphaNumeric |
AlphaNumeric Tag |
Numeric |
Animals |
Sites |
| abc 123 | abc 123 | 10 | Koala | http://www.google.com |
| abc 1 | abc 1 | 34 | Ox | http://www.yahoo.com |
| abc 9 | abc 9 | 10 | Girafee | http://www.facebook.com |
| zyx 24 | zyx 24 | 67 | Bison | http://www.whitehouse.gov/ |
| abc 11 | abc 11 | 3 | Chimp | http://www.ucla.edu/ |
| abc 2 | abc 2 | 56 | Elephant | http://www.wikipedia.org/ |
| abc 9 | abc 9 | 75 | Lion | http://www.nytimes.com/ |
| abc 10 | abc 10 | 87 | Zebra | http://www.google.com |
| zyx 1 | zyx 1 | 99 | Koala | http://www.mit.edu/ |
| zyx 12 | zyx 12 | 0 | Llama | http://www.nasa.gov/ |
HTML
<table id="external_controls">
<tbody>
<tr>
<td class="select2">filters: </td>
<td class="select2tag"></td>
<td>
<input type="search" placeholder="num" />
</td>
<td>
<input type="search" placeholder="anim" />
</td>
<td>
<input type="search" placeholder="sites" />
</td>
</tr>
</tbody>
</table>
Javascript