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.

Features:

  • 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.

$('table').excelTableFilter();

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