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.
http://handsontable.com/Tags | 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 |
Implementation | Javascript |
License | MIT |
Platform | OS-Independent |
AngularJS directive for Handsontable
angularjs spreadsheet data-table grid dynamic-table data-grid excel grid-editor tableJspreadsheet 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-spreadsheetSupport 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 filteringReact-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> 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 datatableReact 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-scrollFrappe 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 dataThe 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-uijqGrid 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-plugintrNgGrid 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-componentIt's a react table for bootstrap
bootstrap-table react react-table table bootstrap grid react-component react-components data-grid data-tablePro 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-tableA fast and flexible grid component for React
list customization datagrid react plugins grid table react-component pagination sort react-components data-grid data-tableNice, 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 jqueryReact components for efficiently rendering large, scrollable lists and tabular data
react reactjs virtual window windowed list scrolling infinite virtualized table grid spreadsheetngx-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-componentPivot.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 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
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.