VTable/packages/vtable-search
2024-03-28 15:21:06 +08:00
..
demo chore: remove useless readme 2024-03-06 11:22:21 +08:00
src feat: add search result 2024-03-05 19:37:35 +08:00
.eslintrc.js fix vscode editor tip error for windows 2024-03-13 17:20:06 +08:00
bundler.config.js feat: init vtable-search 2024-02-07 20:41:26 +08:00
package.json build: prelease version 0.22.3 2024-03-28 15:21:06 +08:00
README.md feat: init vtable-search 2024-02-07 20:41:26 +08:00
setup-mock.js feat: init vtable-search 2024-02-07 20:41:26 +08:00
tscofig.eslint.json feat: init vtable-search 2024-02-07 20:41:26 +08:00
tsconfig.json feat: init vtable-search 2024-02-07 20:41:26 +08:00

VTable-Export

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

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