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=rotate table——VisActor/VTable tutorial documents!!!###!!!

Rotate Table Plugin

Feature

The Rotate Table Plugin can rotate the table 90 degrees (clockwise). Other angle rotations can be extended by yourself.

Plugin Description

The plugin adds the rotate90WithTransform and cancelTransform methods to the table instance.

  • rotate90WithTransform: Rotate 90 degrees
  • cancelTransform: Cancel rotation

Generally speaking, plugins do not need to bind APIs to table instances. They can have APIs of their own and be called directly by the business layer. For example: rotatePlugin.rotate90WithTransform()

Please follow the example process below:

  • Ensure that the selected object is the upper container of the table, and the container of the table is full screen. The selected object can be a div or body that covers the entire screen.
  • Before calling the rotate90WithTransform interface, adjust the container's width and height.
  • After calling the rotate90WithTransform interface, the table will rotate 90 degrees.
  • After calling the cancelTransform interface, the table will restore to its original state.

Example