Window Table
Edit page
Getting Started
IntroductionHTML5 tags 💅Tiny Footprint 👶AlternativesContributions welcomeBasic Usage
Components API
Guides
Github

Window-Table

Window Table is a fixed data table for React, which is capable of rendering thousands of rows of data without compromising performance. The following table renders 100,000 rows of data.

0
avatar
Sakura
Haruno
22
1
avatar
Might Dai
Unknown
56

Support us by giving a Star on Github!

Now Let's have a quick look at the minimal code we needed to get started. Note that we are using bootstrap table classes for styling.

<Html5Table
data={data}
columns={columns}
className="table-sm"
headerClassName="thead-dark"
/>

HTML5 tags 💅

One of the biggest pain points in using a fixed data table is styling. In contrast, basic HTML5 tags based tables can be easily styled using an off the shelf style system like bootstrap.

Thus, you can optionally use default HTML 5 tags like table, thead, tbody, tr, td and th for the table nodes by importing the HTML5Table component from this library.

import { Html5Table } from 'window-table';

Tiny Footprint 👶

The code for this library is written in a way which minimizes the lines of code while still allowing the users to customize and extend it however they want.

Alternatives

  • React Fluid Table, a drop in replacement for window-table with a ton of more features.
  • React Base Table, a library which also offers a ton more features, with a slightly different API.

Contributions welcome

I, the author of this library, have been unable to provide support for the issues opened in the library in the past few months. Contributions highly appreciated.

;