virtualized-data-table


A flexible, customizable, high-performance table for React

based on Facebook's fixed-data-table
and react-virtualized

Demo

Click here to see a demo of virtualized-data-table!

Basic Usage

$3

Virtualized Data Table has an interface based on Facebook's now deprecated fixed-data-table,
but improves the performance (poor performance being the main reason for its deprecation) by basing the implementation on React Virtualized .

It supports much of, but not all, markup supported by fixed-data-table. In particular, it supports the concept of a

It should also support Cell classes built for use with fixed-data-table, with a few modifications (see below).

This package could be a replacement for fixed-data-table in your project that could provide better performance than
fixed-data-table with minimal code changes. That was the motivation for its creation. However, this package is not guaranteed
to handle all possible use cases of fixed-data-table, so if this package doesn't provide support for your use case, feel free
to add support for it!

$3

In order to port your tables from fixed-data-table, you just need to add a few things:

1) You need to ensure each column has a 'columnKey' string property
2) You need to implement a rowGetter function as a property of your root Table which is passed a rowIndex and returns the data for that entire row.
3) Your custom cells or cell handlers will be passed an object containing 'rowData' (obtained from rowGetter), as well as the rowIndex and columnKey where the cell is being rendered

That should be it! Once you change your table and cell classes to handle columnKeys and rowData, everything should "just work."

$3

Some features were implemented beyond those which were supported by fixed-data-table (documentation to be provided soon):

1) Table column resizability
2) Row/column selectability
3) Group headers (another header that can span multiple columns)
4) Copy/paste support (Google sheets-esque)
5) Ability to freeze lefthand columns and scroll other columns

Maintainers

src="https://avatars.githubusercontent.com/paulbrom">

Paul Broman

_{Senior Front-End Engineer}

^{PureCars/Raycom Media}

LICENSE

(c)2017 Raycom Media, Inc.
Released under the MIT license.

#### MIT

[travis-url]: http://travis-ci.org/paulbrom/virtualized-data-table
[travis-image]: https://secure.travis-ci.org/paulbrom/virtualized-data-table.png?branch=master
[npm-url]: https://npmjs.org/package/virtualized-data-table
[npm-image]: https://badge.fury.io/js/virtualized-data-table.svg