Best JavaScript Data Grids and Spreadsheets

DataTables

DataTables is a plug-in for the jQuery Javascript library. It is a highly flexible tool, based upon the foundations of progressive enhancement, and will add advanced interaction controls to any HTML table.

DataTables is developed with two distinct groups of users in mind:

• The developers using DataTables. For developers DataTables provides a wide array of options for how data should be obtained, displayed and acted upon, along with an extensive API for accessing and manipulating the table.
• End users. For those using the interface DataTables presents, actions to get the most from the information contained in tables, such as sorting and filtering, along with paging and scrolling of the data in table, are easy to use, intuitive and fast.

Features Overview

• Pagination, instant search and multi-column ordering
• Supports almost any data source
• DOM, Javascript, Ajax and server-side processing
• Easily theme-able: DataTables, jQuery UI, Bootstrap, Material Design
• Wide variety of extensions inc. Editor, TableTools, FixedColumns and more
• Extensive options and a beautiful, expressive API
• Fully internationalisable
• Professional quality: backed by a suite of 2900+ unit tests
• MIT license. Commercial support available.
• Scrolling options for table viewport
• Smart handling of column widths
• State saving
• Hidden columns
• Dynamic creation of tables
• Ajax auto loading of data
• Custom DOM positioning
• Single column filtering
• Alternative pagination types
• Non-destructive DOM interaction
• Sorting column(s) highlighting
• Advanced data source options
• Commercial support available
• Fully accessible for screenreaders / keyboard access
• Sensible file size: 78K minified, 26K gzip’d
• Extensive plug-in support
• Sorting, type detection, API functions, pagination and filtering
• Solid documentation and interface reference
• 130+ pre-built examples

Preview

Column rendering

Column spanning

Custom filtering

Filtering, sorting, paginating

Grouping

Multi-column sorting

Row selection

Rows and columns highlighting

Theme for Boostrap

Theme for Material Design