当前位置: 首页 > 面试题库 >

Angular-ui的工具提示无法在ng-grid中正确显示

公良英资
2023-03-14
问题内容

我一直在寻找解决方案,以便在ng-grid上显示工具提示,但没有运气。当我在ng-
grid上使用cellTemplate自定义单元格以包含工具提示时,我遇到了各种问题-
工具提示没有显示或表现出奇怪的行为,如plunker所示:http
://plnkr.co/edit/MFhwgOvSUFKcyJPse5wf 。

我错过了什么吗?有没有人可以在ng-grid中很好地显示工具提示的解决方案?

最好的祝福。


问题答案:

正如我所评论的,这是ng-grid单元内部的一个已知问题。我通过将列定义中的cellClass设置为此来解决此问题:

cellClass: 'cellToolTip'

和CSS:

.cellToolTip {
    overflow: visible;
}

这是一个显示工具提示的插件。但是,工具提示的位置不完全正确。:)

编辑 :将其添加到.tooltip样式中可以解决定位问题,但是我不确定为什么在Plunker中必须这样做。在我自己的代码中,这不是必需的:

.tooltip {
  top: 0 !important;
}

这是一个正在工作的新型pl子。



 类似资料:
  • 问题内容: 我目前在我的应用程序中添加了一些引导工具提示。 所有的“正常”工具提示都可以,但是当我要使用时,我得到的只是一个空的工具提示。 我的工具提示: 在DOM中,我有: div的内容似乎为空,因此工具提示中没有任何内容可显示。我试图将一些HTML文本直接放在DOM中,例如: 而且有效。 你有好主意吗? 问题答案: html-unsafe指令旨在指出其内容。那这个呢: 然后,在SomeCtrl

  • 我是Angular和Antd的新手,正在尝试在Antd图标上实现一个简单的工具提示。根据https://ng.ant.design/components/tooltip/en中给出的示例,代码看起来是正确的,虽然我确实得到了预期的图标,但悬停在它上面并不会显示工具提示。 在我的app.module.ts文件中: 在我的声明数组中: 并且在我的导入数组中: 最后,这里是我的tooltip.compo

  • 问题内容: 我们想使用Angular UI ng-grid,但似乎找不到一个选项来告诉网格内的视口不要将溢出设置为auto而不滚动。 我们想要做的是根据网格中行数的大小来动态调整表/网格的高度。我们有固定的最大行数,因此不必担心DOM中有太多行。 有什么建议去哪里? 问题答案: 我最近遇到了同样的问题,并在https://groups.google.com/forum/#!topic/angula

  • 问题内容: 我想知道如何在加载数据之前显示一个简单的加载器。我正在使用ng-grid-1.3.2,正在使用Google搜索,但是没有找到任何示例。再见 问题答案: 像Maxim Shoustin建议的那样,您可以使用JimLavin的angularjs-spinner,后者使用( 已弃用的)响应拦截器。 我认为这是最好的解释:http : //codingsmackdown.tv/blog/201

  • 问题内容: 我想要一个JFrame,在左右两侧有一个边框,边框为黑色,宽度为withfOfJFrame / 10。 现在,我的尝试如下所示: 这会在左右两侧添加一个黑色边框,但是该边框具有固定的大小,并且在调整窗口大小时不会重新计算。大小甚至不是800(JFrame的开始宽度)的1/10。 我究竟做错了什么?还是有更好的方法来做到这一点? 问题答案: 您可以使用和适当的权重来获得所需的结果:

  • 该站点有带有动态内容的工具提示的链接。我正在使用jquery UI工具提示来显示它们。我不希望每次用户不小心将光标放在链接上时,都显示工具提示。我想要显示工具提示只有当它延迟光标在链接上几秒钟。这应该像Gmail一样,当你悬停在发件人的名字上时,你会看到关于他的信息(见图)。 我需要工具提示,用户可以与之交互,所以我使用了这段代码(感谢Antonimo https://stackoverflow.