React-VTable
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.
[](https://www.npmjs.com/package/@visactor/react-vtable)
[](https://www.npmjs.com/package/@visactor/react-vvtable)
[](https://github.com/visactor/vtable/blob/main/LICENSE)
# Usage
## Installation
[npm package](https://www.npmjs.com/package/@visactor/react-vtable)
```bash
// npm
npm install @visactor/react-vtable
// yarn
yarn add @visactor/react-vtable
```
## Quick Start
```jsx
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(
);
```
##
[More demos and detailed tutorials](https://visactor.io/vtable)
# Related Links
- [Official website](https://visactor.io/vtable)
# Ecosystem
| Project | Description |
| ----------------------------------------------------------- | -------------------------------------------------------------------------------------- |
| [AI-generated Components](https://visactor.io/ai-vtable) | AI-generated table component. |
# Contribution
If you would like to contribute, please read the [Code of Conduct ](./CODE_OF_CONDUCT.md) 和 [ Guide](./CONTRIBUTING.zh-CN.md) first。
Small streams converge to make great rivers and seas!
# License
[MIT License](./LICENSE)
