https://github.com/nofeaturesonlybugs/fantaptik-react-data-grid

The @fantaptik way to create data grids.
https://github.com/nofeaturesonlybugs/fantaptik-react-data-grid

datagrid datagridview material materialize materializecss react react-components reactjs

Last synced: 3 months ago
JSON representation

The @fantaptik way to create data grids.

• Host: GitHub
• URL: https://github.com/nofeaturesonlybugs/fantaptik-react-data-grid
• Owner: nofeaturesonlybugs
• License: mit
• Created: 2021-07-14T20:06:29.000Z (almost 4 years ago)
• Default Branch: master
• Last Pushed: 2021-09-08T21:55:49.000Z (over 3 years ago)
• Last Synced: 2025-02-12T12:05:42.158Z (3 months ago)
• Topics: datagrid, datagridview, material, materialize, materializecss, react, react-components, reactjs
• Language: HTML
• Homepage:
• Size: 2.99 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
### @fantaptik/react-data-grid  

A React data grid component library using Materialize CSS for @fantaptik.

```bash

npm install @fantaptik/react-data-grid

# Peer dependencies

npm install @fantaptik/core @fantaptik/react-material react-window css-box-model hoist-non-react-statics materialize-css react react-dom

```

### In Action  

  * [Basic ``](https://nofeaturesonlybugs.github.io/fantaptik-react-data-grid/#/Components/Grid)  

  A basic grid accepts the data as a property.

  * [Paginated async provider ``](https://nofeaturesonlybugs.github.io/fantaptik-react-data-grid/#/Components/Grid.PagesProvider)  

  `` uses promises to fetch pages of data as the user navigates via pagination controls.

  * [Continuous async provider ``](https://nofeaturesonlybugs.github.io/fantaptik-react-data-grid/#/Components/Grid.FeedProvider)  

  `` uses promises to fetch data in chunks as the user continuously scrolls the grid.

View the Styleguidist @ https://nofeaturesonlybugs.github.io/fantaptik-react-data-grid/

### Browser Compatibility  

The following browser features are required by the listed components; for highest possible compatibility consider adding appropriate PolyFills.

+ `ResizeObserver` is used by:

    + `Grid` via dependency `@fantaptik/react-material/Position.Fill`.

### API Consistency and Breaking Changes  

I am making a very concerted effort to break the API as little as possible while adding features or fixing bugs.  However this software is currently in a pre-1.0.0 version and breaking changes *are* allowed under standard semver.  As the API approaches a stable 1.0.0 release I will list any such breaking changes here and they will always be signaled by a bump in *minor* version.

* 0.3.0 ⭢ 0.4.0  

  A number of changes were made to support custom cell renderers.  

  + `getColumns` has been renamed to `statRow` and returns a different shape.

  + `useColumns` has a different return shape and the columns no longer contain sizing information, which is now stored in ``.

  + `` has been renamed to `` and is now rendered as a child of `` instead of ``.  In short `` now handles the measuring of cells+headers and the information doesn't need to leak upwards into the `` (by way of the `useColumns` hook as it did in 0.3.0).

  + `` has been renamed to `` as that progress component was intended to be used with and only with the ``.