From 53e994b1c7d831e7001078147d7a009a3383c542 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=B0=A2=E7=A5=A5=E8=BE=89?= Date: Tue, 18 Jun 2024 12:34:46 +0800 Subject: [PATCH] docs: Change the url of tooltip_custom_content demo --- ...to customize the content of a tooltip in a pop-up box.md | 6 +++--- ...to customize the content of a tooltip in a pop-up box.md | 6 +++--- 2 files changed, 6 insertions(+), 6 deletions(-) diff --git a/docs/assets/faq/en/5-How to customize the content of a tooltip in a pop-up box.md b/docs/assets/faq/en/5-How to customize the content of a tooltip in a pop-up box.md index 4f67e7746..ebf1a2903 100644 --- a/docs/assets/faq/en/5-How to customize the content of a tooltip in a pop-up box.md +++ b/docs/assets/faq/en/5-How to customize the content of a tooltip in a pop-up box.md @@ -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 @@ -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) diff --git a/docs/assets/faq/zh/5-How to customize the content of a tooltip in a pop-up box.md b/docs/assets/faq/zh/5-How to customize the content of a tooltip in a pop-up box.md index 5b70b6cac..d81fd454b 100644 --- a/docs/assets/faq/zh/5-How to customize the content of a tooltip in a pop-up box.md +++ b/docs/assets/faq/zh/5-How to customize the content of a tooltip in a pop-up box.md @@ -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 ## 代码示例 @@ -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)