VTable is not just a high-performance multidimensional data analysis table, but also a grid artist that creates art between rows and columns.React-VTable is a React wrapper of VTable.
// npm
npm install @visactor/react-vtable
// yarn
yarn add @visactor/react-vtable
import React from 'react';
import ReactDOM from 'react-dom/client';
import { ListTable } from "@visactor/react-vtable";
const option = {
header: [
{
field: "0",
title: "name",
},
{
field: "1",
title: "age",
},
{
field: "2",
title: "gender",
},
{
field: "3",
title: "hobby",
},
],
records: new Array(1000).fill(["John", 18, "male", "🏀"]),
};
ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
<ListTable option={option} height={'500px'}/>
);
More demos and detailed tutorials
Project | Description |
---|---|
AI-generated Components | AI-generated table component. |
If you would like to contribute, please read the Code of Conduct 和 Guide first。
Small streams converge to make great rivers and seas!