Infinite Table Documentation

Learn how to use Infinite Table

Unleash the power of Infinite Table

API Reference

Look up the component props

What is Infinite Table?#

Infinite Table is a Vue DataGrid component for displaying virtualized tabular data.

It helps you display huge datasets and get the most out of your data by providing you the right tools to enjoy these features:

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
filtering
theming

Installation#

Installation could not be more straightforward - just one npm command:

Terminal

npm i @infinite-table/infinite-vue

❤️ TypeScript#

Infinite Table is fully typed and offers you a 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

Learn about our TypeScript typings

Read more about how to use our TypeScript types

📄 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.

🧪 Automated End-to-End Tests#

Our releases are automated and, we have full 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

🎨 Themable#

Infinite Table is fully customizable, via CSS variables.

It ships with both a light and a dark theme - all you have to do is import the CSS file from the package.

import '@infinite-table/infinite-vue/index.css';

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

COPY

Theming with CSS Variables

Read how to use themes and CSS variables to customize every aspect of Infinite Table