ngHandsontable - Official AngularJS directive for Handsontable

•    Javascript

---

AngularJS directive for Handsontable

angularjs spreadsheet data-table grid dynamic-table data-grid excel grid-editor table

react-pivot - React-Pivot is a data-grid component with pivot-table-like functionality for data display, filtering, and exploration

•    Javascript

---

React-Pivot is a data-grid component with pivot-table-like functionality for data display, filtering, and exploration.

react browserify calculations data-grid data excel grid pagination pivot react-component sort react-components table data-table

vaadin-grid - vaadin-grid is a free, high quality data grid / data table Web Component

•    HTML

---

<vaadin-grid> is a free, high quality data grid / data table Web Component, part of the Vaadin components. The Vaadin components are distributed as Bower and npm packages. Please note that the version range is the same, as the API has not changed. You should not mix Bower and npm versions in the same application, though.

vaadin-grid polymer data-grid data-table webcomponents polymer-element web-component vaadin elements components web-components grid datagrid datatable

react-virtualized - React components for efficiently rendering large lists and tabular data

•    Javascript

---

React components for efficiently rendering large, scrollable lists and tabular data

react react-components windowing virtualization list grid listview tabular-data performance reactjs react-component virtual scrolling infinite virtualized table fixed header flexbox spreadsheet table-view infinite-scroll

dDatatable - A simple, modern and interactive datatable library for the web

•    Javascript

---

Frappe DataTable is a simple, modern and interactive datatable library for displaying tabular data. Originally built for ERPNext, it can be used to render large amount of rows without sacrificing performance and has the basic data grid features like inline editing and keyboard navigation. It does not require jQuery, like most data grids out there. Note: sortablejs is required to be installed as well.

datatable datatables-library modern interactive simple table grid datagrid editable-grid editable-table data

react-data-grid - Excel-like grid component built with React, with editors, keyboard navigation, copy & paste, and the like http://adazzle

•    Javascript

---

Data grid for React

react grid react-component react-components data-grid table data-table

jqGrid - jQuery grid plugin

•    Javascript

---

jqGrid is an Ajax-enabled JavaScript control that provides solutions for representing and manipulating tabular data on the web. Since the grid is a client-side solution, loading data dynamically through Ajax callbacks, it can be integrated with any server-side technology, including PHP, ASP, Java Servlets, JSP, ColdFusion, and Perl.

jqgrid jquery-grid-plugin grid table bootstrap pivot-tables subgrid treegrid pivot-grid export-excel frozenset json-data xml-data jquery jquery-plugin

trNgGrid - A feature rich Angular grid using standard HTML tables.

•    TypeScript

---

trNgGrid can be used for simple to mildly complex scenarios where you quickly need a data grid with a decent amount of features, which is easy to learn and to hook up with your data models thanks to its powerful data binding properties. All the configuration parameters can be set directly inside the view, hence you won't muddy your Angular scopes or controllers with configuration details.For more complex scenarios and more fine tuned control, I recommend trying out Smart Table or forking trNgGrid and tweaking it to suit your needs.

angular html table grid angularjs angular-component

react-bootstrap-table - A Bootstrap table built with React.js

•    Javascript

---

It's a react table for bootstrap

bootstrap-table react react-table table bootstrap grid react-component react-components data-grid data-table

react-table - React Table - A lightweight, fast and extendable datagrid for React

•    Javascript

---

Pro Tip: Using the resolveData prop - Any time the data prop value changes (using a === comparison), the table will update, but sometimes you need to materialize, alter, or shape this data before it enters the table. To do this, you can use the resolveData prop! It recieves the data prop as the only parameter and returns the resolved data. These are all of the available props (and their default values) for the main <ReactTable /> component.

react table datagrid datatable grid react-table

Griddle - Simple Grid Component written in React

•    Javascript

---

A fast and flexible grid component for React

list customization datagrid react plugins grid table react-component pagination sort react-components data-grid data-table

ng2-smart-table - Angular Smart Data Table component

•    TypeScript

---

Angular Smart Table

table grid-component smart-table smarttable angular2 angular-2 ng2 aot-compatible aot aot-compilation sort filter editable-table angular4 angular-component

jQuery Bootgrid - Nice, sleek and intuitive. A grid control especially designed for bootstrap

•    Javascript

---

Nice, sleek and intuitive. A grid control especially designed for bootstrap.jQuery Bootgrid is a UI component written for jQuery and Bootstrap (Bootstrap isn't necessarily required). It supports Responsive web design, Server-side data loading (async), Dynamic Manipulation via API, Column converters & formatters, Client-side data loading (in-memory), Single & multiple row selection support.

jquery-plugin bootstrap plugin component control ui grid table data sorting filtering html5 accessibility jquery

react-window - React components for efficiently rendering large lists and tabular data

•    Javascript

---

React components for efficiently rendering large, scrollable lists and tabular data

react reactjs virtual window windowed list scrolling infinite virtualized table grid spreadsheet

ngx-datatable - ✨ A feature-rich yet lightweight data-table crafted for Angular4 and beyond!

•    TypeScript

---

ngx-datatable is a Angular2+ table grid component for presenting large and complex data.

angular datatable table grid angular-components datagrid typescript angular4 angular2 angularjs angular-component

pivot.js - Build Pivot Tables from CSV/JSON Data

•    Javascript

---

Pivot.js is a simple way for you to get to your data. It allows for the creation of highly customizable unique table views from your browser. In data processing, a pivot table is a data summarization tool found in data visualization programs such as spreadsheets or business intelligence software. Among other functions, pivot-table tools can automatically sort, count, total or give the average of the data stored in one table or spreadsheet. It displays the results in a second table (called a "pivot table") showing the summarized data.

ag-grid - The Best JavaScript Grid in the World

•    Javascript

---

ag-Grid is a fully-featured and highly customizable JavaScript data grid. It delivers outstanding performance, has no 3rd party dependencies and integrates smoothly with all major JavaScript frameworks.

data-grid data-table datagrid streaming javascript-component charting javascript-charts

grid - jQuery grid plugin based on jQueryui widget design

•    Javascript

---

ParamQuery grid is a lightweight jQuery grid plugin inspired by MS Excel and Google spreadsheet.

jquery-plugin grid excel datagrid table ajax ui sort i18n summary themeroller freeze group search crud paging

reactable - Fast, flexible, and simple data tables in React

•    Javascript

---

Fast, flexible, simple data tables in React

react-component react table data-tables react-components data-grid data-table

react-data-components - React components for sorting, filtering and pagination of data.

•    Javascript

---

React data components

pagination react react-component table react-components data-grid data-table