jQuery Plugin For Multi-column Table Sorting and Filtering - Dynamitable

File Size: 6.63 KB
Views Total: 35220
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
jQuery Plugin For Multi-column Table Sorting and Filtering - Dynamitable

Dynamitable is a small yet useful jQuery table manipulation plugin that allows you to add sorting and filtering functionalities to an existing table. Works perfectly with Bootstrap 3 framework.

Features:

  • Sort tables rows by clicking on the table header.
  • Search / filter table data based on user input.

How to use it:

1. The plugin requires jQuery library loaded in your project.

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script> 
<script src="dynamitable.jquery.min.js"></script>

2. Add sort icons to your table headers like this:

<th>Name 
    <span class="js-sorter-desc lyphicon glyphicon-chevron-down pull-right"></span>
    <span class="js-sorter-asc glyphicon glyphicon-chevron-up pull-right"></span> 
</th>

3. Add filters to your table. The plugin allows for both input and select filters.

<!-- input filter -->
<input class="js-filter form-control" type="text" value="">

<!-- select filter -->   
<select class="js-filter  form-control">
  <option value=""></option>
  <option value="value 1">value 1</option>
  <option value="value 2">value 2</option>
</select>

This awesome jQuery plugin is developed by Dynamitable. For more Advanced Usages, please check the demo page or visit the official website.