Table Rows Filter Plugin - uiTableFilter

File Size: 9.66 KB
Views Total: 3601
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Table Rows Filter Plugin - uiTableFilter

uiTableFilter is a simple jQuery plugin for filting table rows.

Installation:

# Yarn
$ yarn add jquery-uitablefilter

# NPM
$ npm install jquery-uitablefilter --save

How to use it:

1. Download the plugin and place the JavaScript file 'jquery.uitablefilter.js' after jQuery.

<script src="/path/to/cdn/jquery.slim.min.js"></script>
<script src="/path/to/jquery.uitablefilter.js"></script>

2. The JavaScript syntax to filter your HTML table. Possble parameters:

  • jq: jQuery object containing table rows. Required.
  • phrase: Phrase to search for. Required.
  • column: Array of columns to limit search (the column title in the table header).
  • ifHidden: callback to execute if one or more elements were hidden.
  • tdElem: Specific element within <td> to be considered for searching or to limit search to, default: whole <td>. useful if <td> has more than one elements inside but want to limit search within only some of elements or only visible elements. eg tdElem can be "td span".
$.uiTableFilter(jq, phrase, column, ifHidden, tdElem);

Changelog:

2020-04-20

  • Rebuild

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