Question

我在跟踪this example，发现该表花费了很多时间来呈现工具提示。似乎没有任何延迟，我尝试了defaultBrowserTooltip和自定义工具，但它们都很慢。有任何提示吗？

P / S：我正在使用React

我尝试过的某些方式：

tooltipField: 'myTooltipField'

tooltip: (value: string): string => value

Answer 1

现在有一个名为tooltipShowDelay的属性，它包含在2020年3月17日发布的23.0.0版本中。文档https://www.ag-grid.com/javascript-grid-properties/#miscellaneous和changelog https://www.ag-grid.com/ag-grid-changelog/?fixVersion=23.0.0

Answer 2

Ag-grid使用名为TooltipManager的内部服务来显示给定的工具提示。
由于某种原因，它使用2秒的默认延迟：

private readonly MOUSEOVER_SHOW_TOOLTIP_TIMEOUT = 2000;

该值当前无法通过任何设置界面进行配置，使其可用in the backlog。

如果您胆怯，不介意在将来更新库时破坏更改，则可以通过从豆袋中获取正确的引用来破解它。

private onGridReady(params: GridReadyEvent) {
    // NB! This is unsupported and may break at any time
    try {
      (params.api as any).context.beanWrappers.tooltipManager.beanInstance.MOUSEOVER_SHOW_TOOLTIP_TIMEOUT = 0;
    } catch (e) {
      console.error(e);
    }
}

Caveat emptor，但目前看来，这是消除内置延迟的唯一方法。

Answer 3

这是直接从“ demostheneslld”用户那里“借用”的，该用户对ag-grid GitHub feature request进行了评论，但是您可以在网格选项对象上设置enableBrowserTooltips: true，然后工具提示将由浏览器本地显示，而不是使用ag-grid格式化。然后，工具提示几乎立即出现。

Answer 4

现在发布了一个新道具：

tooltipShowDelay={0}

上面的代码将立即显示工具提示。 More Info

AG Grid工具提示需要很长时间才能呈现

4 个答案: