GridForge

A powerful, flexible, and feature-rich React table library — forged on top of TanStack Table.

(Add your logo here)

🚀 Features

• Built on top of TanStack Table for blazing-fast core logic
• Fully customizable and extensible React components
• Column sorting, filtering, resizing, and grouping
• Pagination with client and server modes
• Sticky headers and columns for better usability
• Virtual scrolling support for large datasets
• Export data to CSV and Excel formats
• Row selection, editable cells, and customizable renderers
• Theming support with light and dark modes
• Plugin architecture for easy feature expansion
• TypeScript support for type-safe usage

📦 Installation

npm install gridforge
# or
yarn add gridforge

🎨 Styling

GridForge uses Tailwind CSS for styling. You have two options to use the styles:

1. Use the bundled CSS (Recommended)

   // Import the CSS in your main application file
   import "gridforge/dist/gridforge.css";

2. Use your own Tailwind configuration If you're already using Tailwind CSS in your project, you can configure it to include GridForge's classes:

   // tailwind.config.js
   module.exports = {
     content: [
       "./node_modules/gridforge/**/*.{js,ts,jsx,tsx}",
       // ... your other content paths
     ],
     // ... rest of your config
   };

   Note: Make sure you have Tailwind CSS installed in your project:

   npm install -D tailwindcss
   # or
   yarn add -D tailwindcss