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/vtable-export

// yarn
yarn add @visactor/vtable-export

Quick Start

import * as VTable from '@visactor/vtable';
import { downloadCsv, exportVTableToCsv, downloadExcel, exportVTableToExcel } from '@visactor/vtable-export';

const option = {
  header: [
    {
      field: "0",
      caption: "name",
    },
    {
      field: "1",
      caption: "age",
    },
    {
      field: "2",
      caption: "gender",
    },
    {
      field: "3",
      caption: "hobby",
    },
  ],
  records: new Array(1000).fill(["John", 18, "male", "🏀"]),
};

const tableInstance = new VTable.ListTable(option);

// donload csv file
downloadCsv(exportVTableToCsv(tableInstance), 'export-csv');

// donload excel file
downloadExcel(await exportVTableToExcel(tableInstance), 'export-excel');

More demos and detailed tutorials

Related Links

• Official website

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