Browse the following examples to see TableFilter in action. This library takes HTML tables to a whole new level :)



Import the main js file in your page, from desired location or for example from the default NPM location if you downloaded the package from NPM:

<script src="node_modules/tablefilter/dist/tablefilter/tablefilter.js"></script>

This will expose the TableFilter global function as shown in example below.

See the Pen TableFilter starter by Max (@koalyptus) on CodePen.


TableFilter can also be imported as a module and used in those projects following a module pattern as AMD or CommonJS:

Setup with Webpack Setup with SystemJS Setup with RequireJS