mirror of https://github.com/VisActor/VTable synced 2024-11-22 10:03:28 +00:00

History

Rui-Sun 4715c1a1d8 fix: add event in react-vtable		2024-10-31 15:06:40 +08:00
..
demo	feat: add all frozen react component support	2024-09-23 19:24:23 +08:00
src	fix: add event in react-vtable	2024-10-31 15:06:40 +08:00
.eslintrc.js	Merge pull request #1276 from VisActor/fix/eslint-setting-window-error	2024-03-13 18:44:24 +08:00
bundler.config.js	fix: fix envs type in react-vtable	2024-09-02 11:07:48 +08:00
package.json	build: prelease version 1.10.1	2024-10-22 09:54:45 +00:00
README.md	fix: fix pivot-table react component	2024-07-12 18:24:48 +08:00
setup-mock.js	feat: init react-vtable	2023-11-10 14:12:56 +08:00
tscofig.eslint.json	chore: change ts config	2023-11-23 20:10:43 +08:00
tsconfig.json	chore: change ts config	2023-11-23 20:10:43 +08:00

README.md

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.

Usage

Installation

npm package

// npm
npm install @visactor/react-vtable

// yarn
yarn add @visactor/react-vtable

Quick Start

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'}/>
);

Ecosystem

Project	Description
AI-generated Components	AI-generated table component.

Contribution

If you would like to contribute, please read the Code of Conduct 和 Guide first。

Small streams converge to make great rivers and seas!

License

MIT License