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=link——VisActor/VTable tutorial documents!!!###!!!!!!###!!!description=In the daily data analytics process, we often encounter some data that needs to be consulted in detail, and these details are usually on another page or site. In this case, if the relevant links can be embedded directly into the table, the work efficiency of data analytics will be greatly improved. VTable achieves this requirement through the configuration of the link hyperlinke type.!!!###!!!

Link hyperlinke type

In the daily data analytics process, we often encounter some data that needs to be consulted in detail, and these details are usually on another page or site. In this case, if the relevant links can be embedded directly into the table, the work efficiency of data analytics will be greatly improved. VTable achieves this requirement through the configuration of the link hyperlinke type.

Hyperlinke type specific configuration

Next, we will explain the configuration items unique to the link type one by one:

  • linkJump The default value is trueIf this is trueThe link will be clickable to jump to the specified address; if false, the link will not have a jump function and will only be displayed in text form.

  • linkDetect The default value is trueWhen set to true The program will check the links regularly, and only links that meet the URL rules will be displayed as clickable hyperlinkes. For template link types, this configuration item does not take effect.

  • templateLink Used to define template link addresses. For example, configure to 'https://www.google.com.hk/search?q={name}, in which name Is the field name of the data source property. This makes it easier to quickly generate link addresses. templateLink can also be a function (record, col, row, table) => string, record is the data record, col is the column index, row is the row index, table is the table instance.

Example of hyperlinke in table display

Next, we use a concrete example to show how the link type can be applied to a table.

Suppose we have a list of users that contains the user's name, birthday, details link, etc. We want to display this information in the table and quickly jump to the corresponding page when viewing the details. To do this, we can configure ListTable like this:

In this configuration, we include name,birthdate and profile_url Field. Where profile_url字段被设置为 link 类型，并且开启了linkJump和linkDetect 'configuration. This way, when we view the table, we can see that the link to the details is displayed correctly in the cell, and we can click directly to the details page.