Skip to content

Commit

Permalink
Merge pull request #1940 from taiiiyang/docs/add-funnel-demo
Browse files Browse the repository at this point in the history
docs: Change the url of tooltip_custom_content demo
  • Loading branch information
fangsmile committed Jun 19, 2024
2 parents 9f0040e + 53e994b commit 3d85980
Show file tree
Hide file tree
Showing 2 changed files with 6 additions and 6 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ When hovering the mouse over a cell, I want to display contextual information ab

## Solution

One flexible approach is to listen to the `mouseenter_cell` and `mouseleave_cell` events of the VTable instance. Show or hide the custom DOM elements accordingly, and calculate the position to display the tooltip based on the `cellRange` parameter from the VTable event. Demo: https://visactor.io/vtable/demo/example/component/tooltip_custom_content
One flexible approach is to listen to the `mouseenter_cell` and `mouseleave_cell` events of the VTable instance. Show or hide the custom DOM elements accordingly, and calculate the position to display the tooltip based on the `cellRange` parameter from the VTable event. Demo: https://visactor.io/vtable/demo/component/tooltip_custom_content

## Code Example

Expand All @@ -23,12 +23,12 @@ tableInstance.on('mouseleave_cell', args => {

## Results

[Online demo](https://visactor.io/vtable/demo/example/component/tooltip_custom_content)
[Online demo](https://visactor.io/vtable/demo/component/tooltip_custom_content)

![result](/vtable/faq/5-0.png)

## Quote

- [Table tooltip demo](https://visactor.io/vtable/demo/example/component/tooltip_custom_content)
- [Table tooltip demo](https://visactor.io/vtable/demo/component/tooltip_custom_content)
- [Tooltip Tutorial](https://visactor.io/vtable/guide/components/tooltip)
- [github](https://github.com/VisActor/VTable)
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@

## 解决方案

提供一种比较灵活的方式:监听 VTable 实例的事件 `mouseenter_cell``mouseleave_cell` 事件,将自定义的 dom 展示和隐藏,并依据 VTable 事件参数中的 `cellRange` 计算展示 tooltip 的位置。具体可以参考 demo:https://visactor.io/vtable/demo/example/component/tooltip_custom_content
提供一种比较灵活的方式:监听 VTable 实例的事件 `mouseenter_cell``mouseleave_cell` 事件,将自定义的 dom 展示和隐藏,并依据 VTable 事件参数中的 `cellRange` 计算展示 tooltip 的位置。具体可以参考 demo:https://visactor.io/vtable/demo/component/tooltip_custom_content

## 代码示例

Expand All @@ -23,12 +23,12 @@ tableInstance.on('mouseleave_cell', args => {

## 结果展示

[在线效果参考](https://visactor.io/vtable/demo/example/component/tooltip_custom_content)
[在线效果参考](https://visactor.io/vtable/demo/component/tooltip_custom_content)

![result](/vtable/faq/5-0.png)

## 相关文档

- [表格 tooltip demo](https://visactor.io/vtable/demo/example/component/tooltip_custom_content)
- [表格 tooltip demo](https://visactor.io/vtable/demo/component/tooltip_custom_content)
- [Tooltip 教程](https://visactor.io/vtable/guide/components/tooltip)
- [github](https://github.com/VisActor/VTable)

0 comments on commit 3d85980

Please sign in to comment.