https://github.com/studentofjs/signal-data-grid
Created with StackBlitz ⚡️
https://github.com/studentofjs/signal-data-grid
Last synced: 8 months ago
JSON representation
Created with StackBlitz ⚡️
- Host: GitHub
- URL: https://github.com/studentofjs/signal-data-grid
- Owner: StudentOfJS
- Created: 2023-03-10T07:18:26.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2025-04-11T04:29:17.000Z (about 1 year ago)
- Last Synced: 2025-04-11T05:33:26.294Z (about 1 year ago)
- Language: TypeScript
- Homepage: https://stackblitz.com/edit/react-signals-data-grid-biamky
- Size: 341 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# signal-data-grid
## features
- uses tailwind, easy to theme
- uses signals to prevent uneccessary renders when updating fields
- uses default html5 for table and inputs
- column sorting
- empty field highlighting
- changed field highlighting
- editable and non-editable cells
- date picker cell
- cell validation
## future development
- table feature: CSV upload
- table feature: CSV download
- table feature: row grouping
- table feature: computed cells, totals, summary, custom
- column feature: expandable columns, show/hide
- row feature: add row
- row feature: delete row
- row feature: multi-select or group edit (don't want to sacrifice current UX for this feature, no extra click to edit)
- cell feature: date field options
- cell feature: cell formating function
- styling: allow passing of classNames or leave to tailwind theming
- styling: editable column icon?
- styling: mobile - stacking complete
### fundamental: row data
Array> seems like the corect choice for data being provided.
Should more proceessing be done at the table level to provide a more complete datastructure?
[Edit on StackBlitz ⚡️](https://stackblitz.com/edit/react-signals-data-grid-biamky)