Getting Started

Fltrx is an attribute-driven JavaScript library to enhance your list and tables, with filtering, highlighting, sorting, grouping, pagination and async data binding.

Installation

Get Fltrx via CDN:

<script src="https://cdn.jsdelivr.net/npm/fltrx@latest/dist/fltrx.umd.min.js"></script>

Or, get it via NPM:

npm install fltrx

Initialization

For CDN, Fltrx initializes automatically on load. For NPM, do the following:

import { initFltrx } from 'fltrx'

// After DOM is loaded
initFltrx()

(Optional) Initialize only certain features in your project:

import { useFilter, usGrouping } from 'fltrx'

// After DOM is loaded
useFilter(listEl)
usGrouping(listEl)