List.js
List.js is a lightweight JavaScript library for adding search, sort, filters and flexibility to tables, lists and various HTML elements. It requires little CSS and HTML markup and can work with existing HTML to enhance usability.
lists
tables
search
sort
filter
List.js: Lightweight JavaScript Library for Enhancing Tables and Lists
A lightweight JavaScript library requiring minimal CSS and HTML markup, adding search, sort, filters, and flexibility to tables, lists, and various HTML elements.
What is List.js?
List.js is a lightweight open-source JavaScript library for adding search, sort, filters and flexibility to tables, lists and various HTML elements. Developed by Jonny Strömberg, List.js aims to handle large data sets and complex data without getting bogged down.
Some key features of List.js include:
- Search - Quickly filter table content with flexible fuzzy search logic
- Sort - Sort by column with numerical sorting, case insensitive sorting and date sorting
- Filters - Filter data based on preset filters or custom filters
- Simple setup - List.js requires little CSS and HTML markup and can work with existing HTML
- Lightweight - Only ~9kb minified and gzipped, with no dependencies
- Responsive - Built to seamlessly adapt to all screen sizes and devices
- Customizable - Exposes hooks that allow you to customize the behavior
List.js is designed to handle large datasets and complex data without getting bogged down. It aims to be a dependable solution for enhancing usability and filtering capabilities without requiring a lot of custom code. The library works well with popular frameworks like React, Angular and Vue.
List.js Features
Features
- Client-side searching, sorting and filtering
- Minimal CSS and HTML markup required
- Works with existing HTML
- Lightweight size
Pricing
- Open Source
Pros
Easy to implement
Good performance
Many options for customization
Open source and free
Cons
Less features than heavier table/data grid libraries
Requires JavaScript
Documentation could be better
Official Links
The Best List.js Alternatives
Top Development and Javascript Libraries and other similar apps like List.js
Here are some alternatives to List.js:
Suggest an alternative ❐
DataTables
DataTables is an open source jQuery plugin that enhances the functionality and interactivity of HTML tables. It provides features like searching, sorting, filtering, and pagination that make large data sets in tables more manageable and user-friendly.Some key features of DataTables include:Search box - Allows users to quickly search for data...
Gohono
Gohono is an user-friendly open-source website builder designed to allow anyone to create professional, full-featured websites without needing to know coding. It has an intuitive drag-and-drop interface that makes building websites as easy as arranging Lego blocks.With hundreds of professionally-designed templates to choose from, users can easily find an ideal...
FancyGrid
FancyGrid is a powerful yet easy-to-use spreadsheet software and data visualization tool for analyzing, visualizing and sharing data. It provides a variety of features:User-friendly spreadsheet interface for entering, formatting and calculating data.Hundreds of charts and graph types to visualize data, reveal patterns and turn numbers into actionable insights.Interactive dashboards to...
FooTable
FooTable is a lightweight open-source jQuery plugin that makes HTML tables responsive and enables additional functionality. It allows tables to be easily viewed and navigated on all devices and screen sizes by dynamically hiding columns and adding useful features.When the screen size is too small to display the entire table,...
JQuery Dynatable
jQuery Dynatable is a lightweight JavaScript library that allows you to easily add advanced interaction controls to HTML tables, including sort, search, paginate, and filter. It works by transforming existing static HTML tables into dynamic and interactive tables.Some key features of Dynatable include:Sorting - Allow table sorting by one or...
Grid.js
Grid.js is an open-source JavaScript data grid library developed by Afshin Mehrabani. It is designed to provide an easy way to display tabular data with rich features. Some key things to know about Grid.js:Lightweight - It has no external dependencies and aims to offer excellent performance.Mobile-friendly - It works smoothly...
Vanilla-DataTables
Vanilla-DataTables is an open source JavaScript library built on top of vanilla JavaScript that adds advanced interaction controls and features to plain HTML tables. Some of the key features it provides include:Searchable tables - Users can search for specific data across all columnsSortable columns - Columns can be configured to...
