Name: fixed-data-table-2
Owner: Datadog, Inc.
Description: A React table component designed to allow presenting millions of rows of data.
Forked from: schrodinger/fixed-data-table-2
Created: 2017-04-14 19:02:00.0
Updated: 2017-11-30 15:36:05.0
Pushed: 2017-04-16 17:57:35.0
Homepage: http://schrodinger.github.io/fixed-data-table-2/
Size: 7859
Language: JavaScript
GitHub Committers
User | Most Recent Commit | # Commits |
---|
Other Committers
User | Most Recent Commit | # Commits |
---|
FixedDataTable is a React component for building and presenting data in a flexible, powerful way. It supports standard table features, like headers, columns, rows, header groupings, and both fixed-position and scrolling columns.
The table was designed to handle thousands of rows of data without sacrificing performance. Scrolling smoothly is a first-class goal of FixedDataTable and it's architected in a way to allow for flexibility and extensibility.
Features of FixedDataTable:
Things the FixedDataTable doesn't do:
This version of FixedDataTable is maintained by Schrödinger, Inc. It is a forked version of Facebook?s FixedDataTable Repository available here available under the BSD License. Contributions and modifications to FixedDataTable are also subject to the BSD License (see here).
Install fixed-data-table-2
using npm.
install fixed-data-table-2
Add the default stylesheet dist/fixed-data-table.css
, then import it into any module.
rt React from 'react';
rt ReactDOM from 'react-dom';
rt {Table, Column, Cell} from 'fixed-data-table-2';
able data as a list of array.
t rows = [
a1', 'b1', 'c1'],
a2', 'b2', 'c2'],
a3', 'b3', 'c3'],
.... and more
ender your table
tDOM.render(
able
rowHeight={50}
rowsCount={rows.length}
width={5000}
height={5000}
headerHeight={50}>
<Column
header={<Cell>Col 1</Cell>}
cell={<Cell>Column 1 static content</Cell>}
width={2000}
/>
<Column
header={<Cell>Col 2</Cell>}
cell={<MyCustomCell mySpecialProp="column2" />}
width={1000}
/>
<Column
header={<Cell>Col 3</Cell>}
cell={({rowIndex, ...props}) => (
<Cell {...props}>
Data for column 3: {rows[rowIndex][2]}
</Cell>
)}
width={2000}
/>
Table>,
cument.getElementById('example')
| Chrome | Firefox | IE | Safari — | — | — | — | | Latest | Latest | 11+ | Unsupported* |
Join our discord server
Use GitHub issues for requests.
We actively welcome pull requests; learn how to contribute.
BY CONTRIBUTING TO FIXEDDATATABLE, YOU AGREE THAT YOUR CONTRIBUTIONS WILL BE LICENSED UNDER THE BSD LICENSE (see here). Furthermore, by contributing to FixedDataTable, you hereby grant to Schrödinger and any recipients of your contributions, including but not limited to users of this site, a perpetual, worldwide, non-exclusive, no-charge, royalty-free, irrevocable license to reproduce, prepare derivative works of, publicly display, publicly perform, sublicense, use, make and distribute your contributions and any derivative works under all intellectual property rights including but not limited to copyright and patent. BY CONTRIBUTING TO FIXEDDATATABLE, YOU REPRESENT AND WARRANT THAT YOU ARE LEGALLY ENTITLED TO GRANT THE FOREGOING LICENSE.
Changes are tracked as GitHub releases.
FixedDataTable
is BSD-licensed. We also provide an additional patent grant.