npm

@visactor/react-vtable
TypeScript icon, indicating that this package has built-in type declarations

1.10.5 • Public • Published

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.

npm Version npm Download license

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

More demos and detailed tutorials

Related Links

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

Package Sidebar

Install

npm i @visactor/react-vtable

Weekly Downloads

711

Version

1.10.5

License

MIT

Unpacked Size

1.76 MB

Total Files

268

Last publish

Collaborators

  • zhouxinyu66888
  • da730
  • xile611
  • simaq
  • ray_sun
  • liufangfang
  • xiaoluohe
  • lixuefei.1313
  • ssfxz
  • purpose233
  • youngwinds
  • chensiji.0517
  • zamhown
  • xuanhun
  • visactorowner