While displaying a records of hundreds of table, the presentation and accessibility plays vital role. A data grid comes as a hero in such cases to carry the HTML table with large data sets by providing several features such as sorting, searhing, filterin, pagination and many more. In today’s post, we will have a look at 8 useful javascript data grids for better HTML tables. Have a look at them below!

1. SigmaGrid

Sigma grid is an open source AJAX data grid for displaying and inline editing data in a scrollable and sortable table. For more detail, click here.

sigmagrid1

2. Ingrid

Ingrid is an unobtrusive jQuery component that adds datagrid behaviors (column resizing, paging, sorting, row and column styling, and more) to your tables. Click here for more information.

ingrid

3. TableKit

TableKit is a collection of HTML table enhancements using the Prototype framework. For more information, click here.

tablekit

4. MyTableGrid

MyTableGrid is a JavaScript based DataGrid control built on the Prototype library. It allows you to display your data in a simple and flexible way.  For more information, click here.

mytablegrid

5. DataTables – Data Table jQuery plugin

DataTables is a plug-in for the jQuery Javascript library which is highly flexible tool that adds advanced interaction controls to any HTML table. For more information, click here.

DataTables – Data Table jQuery plugin

6. jTPS – Datatable jQuery Plugin

jTPS is a datatable jQuery plugin that offers pagination, animated scrolling through pages and intelligent natural sorting capability. Click here for more information.

jTPS – Datatable jQuery Plugin

7. SortedTable

SortedTable is another JavaScript datagrid component that combines table sorting and rows selection and movement. Its sorting feature supports different data types. For more information, you can click here.

sortedtable

8. dhtmlxGrid

dhtmlxGrid is an Ajax-driven JavaScript grid control that supports data in different format including XML, JSON, CSV, HTML table and even custom XML format. For more information, click here.

dhtmlxGrid1

Enjoyed this post? Share it!