VTable 1.25.0
Tutorials
Contributing
Options
API
FAQ
Changelogs
Playground
VChart Story Teller

Not only an out-of-the-box multi-terminal chart library, but also a vivid and flexible data storyteller.

VTable Checkered Artist

Not only a high-performance multi-dimensional data analysis form, but also a grid artist created between rows and columns.

VGrammar Data Magician

It is not only a visual grammar that generates thousands of charts, but also a data magician who turns boring into magic.

VRender Visual Rendering

Not only a visual rendering engine with rich functions, but also a handy pen.

VMind Smart Visualization Suit

Not just automatic, but also fantastic.

VStory Data Story Framework

Intelligent visual storytelling, data story creation framework.

VSeed Data Seed

VSeed, an elegant data composer, transforming complexity into simplicity.

!!!###!!!title=Excel-like Online Editing——VisActor/VTable demo!!!###!!!!!!###!!!description=Based on VTable's plugin mechanism, this example implements Excel-like online editing functionality. In this example, we use the following plugins in combination: - `AddRowColumnPlugin`: Add rows and columns - `PastedAddRowColumnPlugin`: Add new rows or columns when there are not enough rows or columns when pasting - `ColumnSeriesPlugin`: Column series plugin - `RowSeriesPlugin`: Row series plugin - `HighlightHeaderWhenSelectCellPlugin`: Highlight selected cells - `ExcelEditCellKeyboardPlugin`: Excel-style cell editing keyboard plugin It's important to note that there are dependencies between plugins. For example, in the `AddRowColumnPlugin`, we call the `columnSeries.resetColumnCount` method to reset the column count, ensuring that after adding columns, the count remains consistent with the column count in the `ColumnSeriesPlugin`.!!!###!!!

Excel-like Online Editing

mobile

Based on VTable's plugin mechanism, this example implements Excel-like online editing functionality.

In this example, we use the following plugins in combination:

  • AddRowColumnPlugin: Add rows and columns
  • PastedAddRowColumnPlugin: Add new rows or columns when there are not enough rows or columns when pasting
  • ColumnSeriesPlugin: Column series plugin
  • RowSeriesPlugin: Row series plugin
  • HighlightHeaderWhenSelectCellPlugin: Highlight selected cells
  • ExcelEditCellKeyboardPlugin: Excel-style cell editing keyboard plugin

It's important to note that there are dependencies between plugins. For example, in the AddRowColumnPlugin, we call the columnSeries.resetColumnCount method to reset the column count, ensuring that after adding columns, the count remains consistent with the column count in the ColumnSeriesPlugin.

PX
x
PX
%
Agent Editor
Share