All Projects → rowsncolumns → Grid

rowsncolumns / Grid

Licence: mit
Declarative React Canvas Grid primitive for Data table, Pivot table, Excel Worksheets and more 💥

Programming Languages

javascript
184084 projects - #8 most used programming language
typescript
32286 projects
declarative
70 projects

Projects that are alternatives of or similar to Grid

Ngx Datatable
✨ A feature-rich yet lightweight data-table crafted for Angular
Stars: ✭ 4,415 (+670.51%)
Mutual labels:  grid, table, datagrid, datatable
React Table
⚛️ Hooks for building fast and extendable tables and datagrids for React
Stars: ✭ 15,739 (+2646.77%)
Mutual labels:  grid, table, datagrid, datatable
Tui.grid
🍞🔡 The Powerful Component to Display and Edit Data. Experience the Ultimate Data Transformer!
Stars: ✭ 1,859 (+224.43%)
Mutual labels:  spreadsheet, grid, datagrid, datatable
react-bolivianite-grid
React grid component for virtualized rendering large tabular data.
Stars: ✭ 95 (-83.42%)
Mutual labels:  grid, table, virtualization, spreadsheet
Ka Table
Lightweight MIT React Table component for both TS and JS with Sorting, Filtering, Grouping, Virtualization, Editing and many more
Stars: ✭ 117 (-79.58%)
Mutual labels:  grid, table, datagrid, datatable
Datatablesbundle
This Bundle integrates the jQuery DataTables plugin into your Symfony application.
Stars: ✭ 334 (-41.71%)
Mutual labels:  grid, table, datagrid, datatable
Datatable
A simple, modern and interactive datatable library for the web
Stars: ✭ 587 (+2.44%)
Mutual labels:  grid, table, datagrid, datatable
svelte-datagrid
Svelte data grid spreadsheet best best features and performance from excel
Stars: ✭ 48 (-91.62%)
Mutual labels:  grid, spreadsheet, datatable, datagrid
ag-grid
The best JavaScript Data Table for building Enterprise Applications. Supports React / Angular / Vue / Plain JavaScript.
Stars: ✭ 8,743 (+1425.83%)
Mutual labels:  grid, table, datatable, datagrid
Reactgrid
Add spreadsheet-like behavior to your React app
Stars: ✭ 289 (-49.56%)
Mutual labels:  spreadsheet, table, datagrid, datatable
Vue Handsontable Official
Vue Data Grid with Spreadsheet Look & Feel. Official Vue wrapper for Handsontable.
Stars: ✭ 751 (+31.06%)
Mutual labels:  spreadsheet, grid, table, datatable
Awesome Grid
A curated list of grid(table) libraries and resources that developers may find useful.
Stars: ✭ 1,142 (+99.3%)
Mutual labels:  spreadsheet, grid, datagrid
Nghandsontable
Official AngularJS directive for Handsontable
Stars: ✭ 438 (-23.56%)
Mutual labels:  spreadsheet, grid, table
Gijgo
Gijgo - Free Javascript Controls
Stars: ✭ 424 (-26%)
Mutual labels:  grid, table, datagrid
React Datasheet
Excel-like data grid (table) component for React
Stars: ✭ 4,866 (+749.21%)
Mutual labels:  spreadsheet, grid, table
Aurelia Slickgrid
Aurelia-Slickgrid a wrapper of the lightning fast & customizable SlickGrid datagrid with a few Styling Themes
Stars: ✭ 100 (-82.55%)
Mutual labels:  grid, datagrid, datatable
Sheetjs
📗 SheetJS Community Edition -- Spreadsheet Data Toolkit
Stars: ✭ 28,479 (+4870.16%)
Mutual labels:  spreadsheet, grid, table
Cheetah Grid
The fastest open-source data table for web.
Stars: ✭ 417 (-27.23%)
Mutual labels:  spreadsheet, grid, canvas
React Handsontable
React Data Grid with Spreadsheet Look & Feel. Official React wrapper for Handsontable.
Stars: ✭ 511 (-10.82%)
Mutual labels:  spreadsheet, grid, table
React Spreadsheet Grid
An Excel-like grid component for React with custom cell editors, performant scroll & resizable columns
Stars: ✭ 996 (+73.82%)
Mutual labels:  spreadsheet, grid, table

Rows n' Columns

React Components for Tabular data.

MIT license Build Status

This monorepo contains

  1. Grid - MIT Licensed Declarative Canvas Grid. Refer to Storybook for all demos.

  2. SpreadSheet - Excel-like Grid available as Non-commercial and Commercially licensed product

  3. Exporter - Excel Export plugin

SpreadSheet Grid Documentation

If you are looking for documentation of SpreadSheet Grid, its here

https://rowsncolumns.app/

Local development

The monorepo is managed using lerna and yarn workspaces. To get started

  1. Clone the repository to rowsncolumns directory
git clone https://github.com/rowsncolumns/grid.git rowsncolumns
  1. Install npm dependencies using yarn
// Switch to the new directory
cd rowsncolumns

// Install all dependencies
yarn
  1. Compile typescript files to Javascript
yarn build

Run storybook

yarn storybook

And open http://localhost:9002/ in Chrome and click on SpreadSheet section on the left navigation

All stories are located in packages/storybook directory

Watch and compile typescript

yarn build:watch
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].