Infinite Table Docs

Beta

What is Infinite?

Infinite Table is a React DataGrid component for displaying virtualized tabular data. It helps you display huge datasets and get the most out of them by providing you the right tools to do so:

• 🔃 sorting
• 💪 row grouping - both server-side and client-side
• 🏢 pivoting - both server-side and client-side
• 🧪 aggregations
• 🌪️ live pagination
• 🌴 lazy loading
• 🧭 keyboard navigation
• ↔️ fixed and flexible columns
• 🧩 column grouping
• 🎨 theming

Installation

❤️ TypeScript

It’s fully typed and offers you great developer experience to help you get up and running quickly

The TypeScript typings file is included in the npm package - you don’t have to download an additional @types package.

📄 Extensive documentation

We’re aware good documentation is a must and are updating our documentation as we add new features. Head to our getting started guide to get up and running quickly.

🏢 Enterprise-ready

Infinite Table is ready to power your enterprise apps, as it supports advanced data fetching, filtering, sorting, grouping, pivoting, aggregations, live pagination, lazy loading - all of those with support for both client-side and server-side implementations.

You can choose to leverage our built-in implementations in the browser or you can process your data on the server with full support from our-side.

🔒 Secure by default

We take security seriously and only have a total of 3 dependencies in our full dependency graph - and this number will only go down.

📦 Small bundle size

Our bundle size is under 200kB and we’re keeping it small.

🧪 Automated end-to-end tests

Our releases are automated and we have end-to-end tests that ensure we’re delivering to our standards. Real-browser tests help us move with confidence and continue to ship great features.

🎨 Themable

Infinite Table is fully customizable, via CSS variables. It ships with both a light and a dark theme - you have to import the CSS file from the package.

import "@infinite-table/infinite-react/index.css"

// This file includes both the light and the dark themes.