Excel-like Bootstrap Table Sorting And Filtering Plugin

Excel-like Bootstrap Table Sorting And Filtering Plugin

jQuery PluginsjQuery Table Pluginsexcel-bootstrap-table-filter.js

Excel-like Bootstrap Table Sorting And Filtering Plugin

excel-bootstrap-table-filter.js is a jQuery plugin that creates multiple filters in your Bootstrap table columns to narrow down or re-sort the tabular data just like in the MS Excel.


  • Adds the drop-down arrows to the columns you want to filter.
  • Check or un-check the checkboxes to filter the data.
  • Click on the 'A-Z' or 'Z-A' to sort your table data in Ascending or Descending order.
  • Allows to filter the table data by typing specific strings in the search field.

How to use it:

1. To get started, make sure you have jQuery library and Bootstrap framework are loaded in the document.

<script src="/path/to/jquery.min.js"></script>
<link rel="stylesheet" href="/path/to/bootstrap.min.css">

2. Include this plugin's JavaScript and CSS files into the document.

<script src="excel-bootstrap-table-filter-bundle.js"></script>
<link rel="stylesheet" href="excel-bootstrap-table-filter-style.css">

3. Call the main function excelTableFilter on the html table and the plugin will do the rest.


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

  • Publication date: 16.06.2017
  • Source