ngHandsontable - Official AngularJS directive for Handsontable

•    Javascript

---

AngularJS directive for Handsontable

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

ce - Jspreadsheet is a lightweight vanilla javascript plugin to create amazing web-based interactive tables and spreadsheets compatible with other spreadsheet software

•    Javascript

---

Jspreadsheet CE is a lightweight Vanilla JavaScript plugin to create amazing web-based interactive HTML tables and spreadsheets compatible with other spreadsheet software. You can create an online spreadsheet table from a JS array, JSON, CSV or XSLX files. You can copy from excel and paste straight to your Jspreadsheet CE spreadsheet and vice versa. It is very easy to integrate any third party JavaScript plugins to create your own custom columns, custom editors, and customize any feature into your application. Jspreadsheet CE has plenty of different input options through its native column types to cover the most common web-based application requirements. It is a complete solution for web data management. Create amazing applications with Jspreadsheet CE JavaScript spreadsheet. React Implementation A full example on how to integrate Jspreadsheet CE with React.

js datatables excel table spreadsheet spreadsheets jexcel jspreadsheet online-spreadsheet tables grid grid-editor data-table data-grid data-spreadsheet

revogrid - Powerful virtual data grid smartsheet with advanced customization

•    TypeScript

---

Support Millions of cells and thousands of columns easy and efficiently for fast data rendering. Easy to use. The RevoGrid component helps represent a huge amount of data in a form of data table "excel like" or as list. On top of it it provides inbuilt range edit or per cell edit, keyboard support and custom edit and render features. Works in any major framework or with no framework at all.

export vuejs typescript reactive grid excel filter data-grid virtual-scroll datagrid vuejs-components react-virtualized webcomponent stenciljs virtual-grid vuegrid revo-grid excel-grid infinity-grid vuejs-grid revolist storybook virtualgrid virtual vue react react-grid vue-grid vue-datagrid fast-grid editable filtering

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-component windowing virtualization list grid listview tabular-data performance reactjs 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

tui

•    TypeScript

---

The functionality of TOAST UI Grid is available when using the Plain javaScript, React, Vue Component. The TOAST UI Grid is a component that can display, edit, add, and delete multiple data. You can append units to the data shown and use html to represent images and links instead of textual data.

typescript grid preact excel tabular-data spreadsheet datatable treegrid reactivity datagrid toast-ui

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