vaadin-core - An evolving set of free, open source web components for building mobile and desktop web applications in modern browsers

•    HTML

---

Vaadin core components is the open source part of the Vaadin standards-based Web Components set, which contains high-quality user interface components commonly needed in modern mobile and desktop business web applications. For more information, see the Vaadin components README.

web-components polymer polymer-element vaadin vaadin-elements webcomponents collection polymer2 core elements web components

router - Small and powerful client-side router for Web Components. Framework-agnostic.

•    HTML

---

Vaadin Router is a small and powerful client-side router JS library. It uses the widely adopted express.js syntax for routes (/users/:id) to map URLs to Web Component views. All features one might expect from a modern router are supported: async route resolution, animated transitions, navigation guards, redirects, and more. It is framework-agnostic and works equally well with all Web Components regardless of how they are created (Polymer / SkateJS / Stencil / Angular / Vue / etc). Vaadin Router is a good fit for developers that do not want to go all-in with one framework, and prefer to have freedom in picking the components that work best for their specific needs.

webcomponents vaadin vaadin-router router client-side web-components

expense-manager-demo - Progressive Web App (PWA) demo using Vaadin components

•    HTML

---

This is an example project for how you can build a Progressive Web Application with Polymer and Vaadin components. The application uses a Service Worker to cache the Application Shell. A Web App Manifest file ensures that the browser identifies our app as a Progressive Web Application and offers the user to install the application through an install banner.

pwa pwa-example pwa-boilerplate vaadin-components vaadin polymer

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

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

Handsontable - JavaScript/HTML5 UI Spreadsheet library for web apps. Available for React, Vue and Angular

•    Javascript

---

Handsontable Community Edition (CE) is an open source JavaScript/HTML5 UI Spreadsheet component for web apps. It easily integrates with any data source and comes with a variety of useful features like data binding, validation, sorting or powerful context menu. It is available for Vue, React, Angular and Polymer.

spreadsheet data-grid grid-editor dynamic-table component data-binding data grid table editor data-table excel tabular-data edit-cell editable-table data-spreadsheet

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

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

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

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

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

polymer-redux - Polymer bindings for Redux.

•    Javascript

---

Polymer bindings for Redux. Bind store state to properties and dispatch actions from within Polymer Elements. Polymer is a modern library for creating Web Components within an application. Redux is a state container for managing predictable data. Binding the two libraries together allows developers to create powerful and complex applications faster and simpler. This approach allows the components you build with Polymer to be more focused on functionality than the applications state.

polymer redux bindings web-component reducer state web-components

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

SDX DataGrid

•    

---

SDXDataGrid is a comprehensive data grid component for Microsoft .NET 3.5 web application developers. It is designed to ease the exhausting process of implementing the necessary code for sorting, navigation, grouping, searching and data editing in a data representation object.

ajax client-side-datagrid datagrid datagridview editing-template grid groupby

DevExtreme - HTML5 JavaScript Component Suite for Responsive Web Development

•    Javascript

---

Voted the best cross-platform component suite containing everything you need to create responsive web apps for touch devices and traditional desktops: data grid, interactive charts, data editors, navigation and multi-purpose widgets that are designed to look great and provide powerful functionality in any browser.

devexpress html5 responsive widgets controls components knockout angular web ui datagrid pivotgrid scheduler treelist chart

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

react-absolute-grid - An absolutely positioned, animated, filterable, sortable, drag and droppable, ES6 grid for React

•    Javascript

---

An absolute layout grid with animations, filtering, zooming, and drag and drop support. Use your own component as the grid item. See the Demo. The idea behind AbsoluteGrid is high performance. This is achieved by using Translate3d to position each item in the layout. Items are never removed from the DOM, instead they are hidden. For best performance you should avoid re-arranging or removing items which you pass into AbsoluteGrid, instead you can use the filtered and sort properties to hide or sort an item. Those properties are customizable using the keyProp and filterProp properties. In addition, all data passed must be immutable so that we don't waste any renders.

react reactjs reactjs-components react-component react-components

Vaadin - Web Framework to build Rich Internet Application

•    Java

---

Vaadin is a Java framework for building modern web applications. It helps to create Rich Internet Applications faster. It has dozens of in-built UI component like Button, Tree etc which is event driven. Vaadin browser widgets is built on GWT and it support all Ajax-capable browsers.

web-framework java-web-framework ria framework web

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