rowsncolumns / Grid
Licence: mit
Declarative React Canvas Grid primitive for Data table, Pivot table, Excel Worksheets and more 💥
Stars: ✭ 573
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
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.
This monorepo contains
-
Grid - MIT Licensed Declarative Canvas Grid. Refer to Storybook for all demos.
-
SpreadSheet - Excel-like Grid available as Non-commercial and Commercially licensed product
-
Exporter - Excel Export plugin
SpreadSheet Grid Documentation
If you are looking for documentation of SpreadSheet Grid, its here
Local development
The monorepo is managed using lerna
and yarn
workspaces. To get started
- Clone the repository to
rowsncolumns
directory
git clone https://github.com/rowsncolumns/grid.git rowsncolumns
- Install npm dependencies using
yarn
// Switch to the new directory
cd rowsncolumns
// Install all dependencies
yarn
- 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].