{"id":14155150,"url":"https://github.com/VisActor/VTable","last_synced_at":"2025-08-06T00:33:34.264Z","repository":{"id":173572246,"uuid":"649609017","full_name":"VisActor/VTable","owner":"VisActor","description":"VTable is not just a high-performance multidimensional data analysis table, but also a grid artist that creates art between rows and columns.","archived":false,"fork":false,"pushed_at":"2024-04-28T06:21:19.000Z","size":145974,"stargazers_count":1209,"open_issues_count":162,"forks_count":78,"subscribers_count":18,"default_branch":"develop","last_synced_at":"2024-04-28T06:24:00.490Z","etag":null,"topics":["canvas-table","data-analysis","data-visualization","database","datagrid","grid","javascript-table","javescript","list-table","list-tree","online-excel","pivot-chart","pivot-grid","pivot-tables","sparklines","spreadsheet","table","tree-chart","tree-table","visualization"],"latest_commit_sha":null,"homepage":"https://visactor.io/vtable","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/VisActor.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-06-05T08:51:38.000Z","updated_at":"2024-06-06T04:00:42.851Z","dependencies_parsed_at":null,"dependency_job_id":"85ad4208-dc78-423c-9180-db6cff32f1d3","html_url":"https://github.com/VisActor/VTable","commit_stats":{"total_commits":1693,"total_committers":13,"mean_commits":"130.23076923076923","dds":"0.47725930301240405","last_synced_commit":"11d7320f0f664114d3f75df4ede55e1e37cad669"},"previous_names":["visactor/vtable"],"tags_count":69,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VisActor%2FVTable","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VisActor%2FVTable/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VisActor%2FVTable/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VisActor%2FVTable/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/VisActor","download_url":"https://codeload.github.com/VisActor/VTable/tar.gz/refs/heads/develop","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":215735785,"owners_count":15923388,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["canvas-table","data-analysis","data-visualization","database","datagrid","grid","javascript-table","javescript","list-table","list-tree","online-excel","pivot-chart","pivot-grid","pivot-tables","sparklines","spreadsheet","table","tree-chart","tree-table","visualization"],"created_at":"2024-08-17T08:02:16.108Z","updated_at":"2025-08-06T00:33:34.253Z","avatar_url":"https://github.com/VisActor.png","language":"TypeScript","readme":"\u003cdiv align=\"center\"\u003e\n   \u003ca href=\"https://github.com/VisActor#gh-light-mode-only\" target=\"_blank\"\u003e\n    \u003cimg alt=\"VisActor Logo\" width=\"200\" src=\"https://github.com/VisActor/.github/blob/main/profile/logo_500_200_light.svg\"/\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://github.com/VisActor#gh-dark-mode-only\" target=\"_blank\"\u003e\n    \u003cimg alt=\"VisActor Logo\" width=\"200\" src=\"https://github.com/VisActor/.github/blob/main/profile/logo_500_200_dark.svg\"/\u003e\n  \u003c/a\u003e\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003ch1\u003eVTable\u003c/h1\u003e\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n\nVTable is not just a high-performance multidimensional data analysis table, but also a grid artist that creates art between rows and columns.\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://visactor.io/vtable\"\u003eIntroduction\u003c/a\u003e •\n  \u003ca href=\"https://visactor.io/vtable/example\"\u003edemo\u003c/a\u003e •\n  \u003ca href=\"https://visactor.io/vtable/guide/Getting_Started/Getting_Started\"\u003eTutorial\u003c/a\u003e •\n  \u003ca href=\"https://visactor.io/vtable/option/ListTable\"\u003eAPI\u003c/a\u003e•\n\u003c/p\u003e\n\n![](https://github.com/visactor/vtable/actions/workflows/bug-server.yml/badge.svg)\n![](https://github.com/visactor/vtable/actions/workflows/unit-test.yml/badge.svg)\n[![npm Version](https://img.shields.io/npm/v/@visactor/vtable.svg)](https://www.npmjs.com/package/@visactor/vtable)\n[![npm Download](https://img.shields.io/npm/dm/@visactor/vtable.svg)](https://www.npmjs.com/package/@visactor/vtable)\n[![license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/visactor/vtable/blob/main/LICENSE)\n\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n\nEnglish | [简体中文](./README.zh-CN.md) | [日本語](./README.ja-JP.md)\n\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n\n（video）\n\n\u003c/div\u003e\n\n# Introduction\n\nVTable is based on visual rendering engine [VRender](https://github.com/VisActor/VRender).\n\nThe core capabilities are as follows:\n\n1. Extreme performance: Supports fast computation and rendering of millions of data points.\n2. Multidimensional analysis: Automatically analyzes and presents multidimensional data.\n3. Strong expressiveness: Provides flexible and powerful graphic capabilities, seamlessly integrating with charts of [VChart](https://github.com/VisActor/VChart).\n\n# Repository Introduction\n\nThis repository includes the following packages:\n\n1. packages/vtable: The core code repository of VTable\n2. packages/vtable-gantt: Gantt chart component code\n3. packages/vtable-editors: Table editor component code\n4. packages/vtable-export: Table export tool code\n5. packages/vtable-search: Table search tool code\n6. packages/react-vtable: React version of the table component\n7. packages/vue-vtable: Vue version of the table component\n8. docs: Include VTable site tutorials, demos,apis and options, and also contains all Chinese and English documents.\n\n# Usage\n\n## Installation\n\n[npm package](https://www.npmjs.com/package/@visactor/vtable)\n\n```bash\n// npm\nnpm install @visactor/vtable\n\n// yarn\nyarn add @visactor/vtable\n```\n\n## Quick Start\n\n```javascript\n// this demo you can run on codesanbox https://codesandbox.io/s/vtable-simple-demo-g8q738\nimport * as VTable from '@visactor/vtable';\n\nconst columns = [\n  {\n    field: 'Order ID',\n    caption: 'Order ID'\n  },\n  {\n    field: 'Customer ID',\n    caption: 'Customer ID'\n  },\n  {\n    field: 'Product Name',\n    caption: 'Product Name'\n  },\n  {\n    field: 'Sales',\n    caption: 'Sales'\n  },\n  {\n    field: 'Profit',\n    caption: 'Profit'\n  }\n];\n\nconst option = {\n  container: document.getElementById(CONTAINER_ID),\n  records: [\n    {\n      'Order ID': 'CA-2018-156720',\n      'Customer ID': 'JM-15580',\n      'Product Name': 'Bagged Rubber Bands',\n      Sales: '3.024',\n      Profit: '-0.605'\n    },\n    {\n      'Order ID': 'CA-2018-115427',\n      'Customer ID': 'EB-13975',\n      'Product Name': 'GBC Binding covers',\n      Sales: '20.72',\n      Profit: '6.475'\n    }\n    // ...\n  ],\n  columns\n};\nconst tableInstance = new VTable.ListTable(option);\n```\n\n##\n\n[More demos and detailed tutorials](https://visactor.io/vtable)\n\n# ⌨️ Development\n\nFirst of all, please install [@microsoft/rush](https://rushjs.io/pages/intro/get_started/)\n\n```bash\n$ npm i --global @microsoft/rush\n```\n\nThen clone locally:\n\n```bash\n# clone\n$ git clone git@github.com:VisActor/VTable.git\n$ cd VTable\n# install dependencies\n$ rush update\n# start vtable demo\n$ cd packages/vtable\n# execute in file path: ./packages/vtable\n$ rushx demo\n# start site development server, execute in file path: ./\n$ rush docs\n# after execut git commit, please run the following command to update the change log. Please execute in file path: ./\n$ rush change-all\n```\n\n# 📖 Documents\n\nAfter installation \u0026 clone \u0026 update, run docs to preview VTable documents locally.\n\n```bash\n# start vtable document server. execute in file path: ./\n$ rush update\n$ rush build\n$ rush docs\n```\n# If you meet dependency problems\n```bash\n$ rush purge\n$ rush update\n```\n\n## 🔗 Related Links\n\n- [Official website](https://visactor.io/vtable)\n- [Usage Trend](https://npm-compare.com/@visactor/vtable)\n\n# 💫 Ecosystem\n\n| Project                                                                      | Description               |\n| ---------------------------------------------------------------------------- | ------------------------- |\n| [React-VTable](https://www.visactor.io/vtable/guide/Developer_Ecology/react) | VTable in React component |\n\n# ⭐️ Star History\n\n[![Star History Chart](https://api.star-history.com/svg?repos=visactor/vtable\u0026type=Date)](https://star-history.com/#visactor/vtable\u0026Date)\n\n# 🤝 Contribution\n\nIf you would like to contribute, please read the [Code of Conduct ](./CODE_OF_CONDUCT.md) and [ Guide](./CONTRIBUTING.md) first。\n\nSmall streams converge to make great rivers and seas!\n\n\u003ca href=\"https://github.com/visactor/vtable/graphs/contributors\"\u003e\u003cimg src=\"https://contrib.rocks/image?repo=visactor/vtable\" /\u003e\u003c/a\u003e\n\n# License\n\n[MIT License](./LICENSE)\n","funding_links":[],"categories":["TypeScript","visualization"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FVisActor%2FVTable","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FVisActor%2FVTable","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FVisActor%2FVTable/lists"}