DataGrid Library

DataGrid Library has extensive features, supports multiple CSS Frameworks, and has excellent documentation.

Any HTML structure

DataGrid library works with any HTML structure using data attributes.
CSS Frameworks

Any CSS framework or custom CSS can be used for styling. No limitations.
Modern JavaScript

The library is written in modern ES6 + TypeScript. No dependencies are required, and no server-side is needed.
Pagination

It has configurable pagination control with a rich set of settings.
Sorting

The library allows the sorting of text and numeric information.
Path Filters

The library has different path filters, like checkboxes, radio buttons, and select controls.
Text Filters

The library supports text filters with multiple modes and options.
Storage Solutions & Deep Links

There is local storage, session storage, cookies, and deep links support.
Documentation

Great and extensive documentation is included.
Look & Feel

The user ultimately defines all look & feel of the page; The library has minimal CSS styles.
Multiple Instances

The library supports multiple instances with different settings and attributes on the same page.
HTML Tables

DataGrid works well with HTML tables, including header sorting, text filtering, and more.

The library supports multiple actions:

Pagination. DataGrid supports fully featured pagination controls, including the 'items per page' dropdown.
Sorting. DataGrid contains sort dropdown and sort button controls, allowing ascending and descending sorting by any CSS path.
Path Filters. DataGrid has multiple path filter controls, allowing search and filtering by any CSS path.
Text Filters & Search. The library contains text filter controls with multiple modes and options.

The library supports storage to save the current state and restore it after page refresh or when the back button is pressed.

Local storage. This is persistent storage that keeps data even if the user closes the browser.
Session storage. It will be cleared when the browser session is over, typically when the user closes the browser.
Cookies. Unlike local and session storage, cookie values can be used on the server too. It's also possible to define cookies' expiration date.
Deep Links. Special links that send users directly into the predefined drop-down selection state.

Any HTML Structure. DataGrid works with any HTML page structure, like tables, DIVs, UL/LI lists, etc.
Any CSS Framework. DataGrid can be added to any CSS framework, including Bootstrap, Materialize CSS, Foundation, etc., on to vanilla CSS projects.
No server-side. No server-side code is needed. The library forks with pure HTML and doesn't require any dependencies.
TypeScript. Clean and efficient code with TypeScript and ES6 JavaScript.

DataGrid is a JavaScript library for sorting, filtering, and pagination of any HTML content. It's a simple and powerful solution to enable sorting, filtering, and pagination on any page.