Smart Grid

Features

• 🪄 Virtualization
• 🎲 Dynamic Height
• 📌 Pinned Columns (Synced Multi Grid)
• ∞ Infinite Scroll
• 🛠 Highly configurable
• 💪 TypeScript
• ⚛ Pretty small
• 🚀 Faster and lighter than V1
• 🎁 Out of the box Grid, just provide schema and data (releasing soon)
• 🤝 Backward compatibility (TBA)
• and much more 🔥

Usage

npm i && npm start

const { onScroll, rowRenderer } = useGrid({
  data: state.loading ? state.data.concat([null, null]) : state.data,
  rowHeight: rowHeight || 39,
  buffer,
  limit,
  loadMore: getData,
  virtualized,
});

For complete Documentation please visit: https://smartgrid.mukulja.in/

Development Guide

This project has been divided in 3 parts,

1. Main package: src.
2. Documentation: docs.
3. Examples: examples, it contains various examples.

Running main package watch mode

npm i && npm start

This will build files in watch mode at examples/grid

Running dev server

To develope choose a type of example or copy any example and you can start there.

cd examples/example-name
npm i
npm start

For development purpose you can import smart grid apis from examples/grid.

Docs

cd docs
npm i
npm start