!!!###!!!title=tooltip——VisActor/VTable demo!!!###!!!!!!###!!!description=在该示例中,展示了四种场景的 tooltip 提示。 1. 配置了 `tooltip.isShowOverflowTextTooltip` 为 `true` 开启溢出文字提示,超长显示不了被省略的文字被 hover 时将提示出来。该示例 `Product Name`列中的单元格文本有被省略,可以 hover 到单元格上出现提示信息。 2. 表头的描述信息,通过配置 `description` 来显示提示信息。 3. 在该示例也展示了通过接口主动显示 tooltip 的用法。通过监听`mouseenter_cell`事件,鼠标移入第一列订单号的单元格时,调用接口 `showTooltip` 来显示提示信息。 4. 自定义 icon 的提示信息,`orderId` 列配置 `headerIcon` 为`order`, 图标`order`的配置中配置了 `tooltip` 来显示提示信息。 提示信息支持 hover 上去进行选中复制,当内容过多时可以配置最大宽高可进行滚动交互!!!###!!!

tooltip

移动端

在该示例中,展示了四种场景的 tooltip 提示。

  • 配置了 tooltip.isShowOverflowTextTooltiptrue 开启溢出文字提示,超长显示不了被省略的文字被 hover 时将提示出来。该示例 Product Name列中的单元格文本有被省略,可以 hover 到单元格上出现提示信息。

  • 表头的描述信息,通过配置 description 来显示提示信息。

  • 在该示例也展示了通过接口主动显示 tooltip 的用法。通过监听mouseenter_cell事件,鼠标移入第一列订单号的单元格时,调用接口 showTooltip 来显示提示信息。

  • 自定义 icon 的提示信息,orderId 列配置 headerIconorder, 图标order的配置中配置了 tooltip 来显示提示信息。

提示信息支持 hover 上去进行选中复制,当内容过多时可以配置最大宽高可进行滚动交互

PX
x
PX
%
智能编辑
分享