table-sort-filter.js

Sort, filter and paginate any HTML table.
2 lines of code. Zero dependency. < 3kb gzip.

📦 npm v0.1.0 ⭐ GitHub 📖 Docs

$ npm install @soulreaper67/table-sort-filter

🔼

Sort

Click any column header to sort — text, numbers and dates handled automatically

🔍

Filter

Instant search across all columns or specific ones — case insensitive

📄

Paginate

Split large tables into pages with smart navigation — fully configurable

⚡ Quick start

// Install // npm install @soulreaper67/table-sort-filter import TableSF from '@soulreaper67/table-sort-filter' // 1 line — everything enabled TableSF.init('#my-table') // With options TableSF.init('#my-table', { sortable: true, filterable: true, paginate: 10, searchCols: [0, 1], placeholder: 'Search...', onSort: (col, dir) => {}, onFilter: (query) => {}, onPage: (page) => {}, })

🧪 Live demo — try sorting and filtering

Name	Role	Department	Salary	Experience
Alice Martin	Frontend Dev	Dev	52000	3
Bob Dupont	UX Designer	Design	48000	5
Clara Petit	Data Analyst	Data	55000	2
David Roux	Backend Dev	Dev	58000	7
Emma Blanc	Product Manager	PM	62000	4
Felix Morel	Full Stack Dev	Dev	60000	6
Grace Simon	UI Designer	Design	46000	1
Hugo Laurent	Data Engineer	Data	65000	8
Iris Bernard	Mobile Dev	Dev	54000	3
Jules Thomas	Scrum Master	PM	57000	5
Karim Leroy	DevOps	Dev	63000	9
Laura Michel	Brand Designer	Design	44000	2

📊 Comparison

Library	Sort	Filter	Paginate	Zero dep	ES Module	Size
@soulreaper67/table-sort-filter	✅	✅	✅	✅	✅	~3kb
DataTables	✅	✅	✅	❌ jQuery	❌	500kb+
tablesort	✅	❌	❌	✅	❌	2kb
tablefilter	❌	✅	❌	❌	❌	400kb+
AG Grid	✅	✅	✅	❌	✅	1MB+