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 | Asuma | Sarutobi | 36 | |
1 | Asuma | Sarutobi | 36 |
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.
<Html5Tabledata={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.