VTable/packages/openinula-vtable
2024-11-11 06:19:35 +00:00
..
demo refactor: delete enableDataAnalysis usage 2024-05-13 15:41:33 +08:00
src feat: contextMenuItems add table params 2024-10-29 16:38:27 +08:00
.eslintrc.js feat: init openinula-vtable 2024-03-14 11:06:48 +08:00
bundler.config.js chore: change bunder config in openinula-vtable 2024-03-18 16:17:31 +08:00
package.json build: prelease version 1.10.4-alpha.1 2024-11-11 06:19:35 +00:00
README.md chore: change readme in openinula-vtable 2024-03-20 10:50:41 +08:00
setup-mock.js feat: init openinula-vtable 2024-03-14 11:06:48 +08:00
tscofig.eslint.json feat: init openinula-vtable 2024-03-14 11:06:48 +08:00
tsconfig.json feat: init openinula-vtable 2024-03-14 11:06:48 +08:00

Openinula-VTable

VTable is not just a high-performance multidimensional data analysis table, but also a grid artist that creates art between rows and columns.Openinula-VTable is a openinula wrapper of VTable.

npm Version npm Download license

Usage

Installation

npm package

// npm
npm install @visactor/openinula-vtable

// yarn
yarn add @visactor/openinula-vtable

Quick Start

import Inula from 'openinula';

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", "🏀"]),
};

Inula.render(
  <ListTable option={option} height={'500px'}/>,
  (document.getElementById('root') as HTMLElement)
);

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