Infinite Table Docs
Learn Infinite Table
Learn & unleash the power of Infinite Table
API Reference
Look up the component props
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.
End-to-end tests
Check out our end-to-end tests in Github
Small bundle
See our bundle size in BundlePhobia
π¨ 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.
Theming with CSS variables
Read how to use themes and CSS variables to customize every aspect of Infinite Table.