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

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

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

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

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

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

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

dashboard-demo - Responsive web application demo made with Vaadin Framework

•    Java

---

Responsive application demo/template built using only server-side Java with Vaadin Framework. Showcasing big data, data visualization, drag 'n' drop and other Vaadin features. Run the Maven 'install' target and deploy the resulting WAR file to your Java application server.

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

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

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

angular2-grid - A drag/drop/resize grid-based plugin directive for angular2

•    TypeScript

---

A grid-based drag/drop/resize directive plugin for Angular 2

grid angular angular2-grid angular2 web-components angular-component