css - 部分显示的 ag-grid 单元格内的 Bootstrap 工具提示

标签 css twitter-bootstrap ag-grid

我试图在悬停时在 ag-grid 单元格中显示 Bootstrap 工具提示。问题是它部分显示,而工具提示的一部分位于下一列单元格的后面。我尝试为工具提示设置 z-index。但是还是没能成功。请帮忙。 enter image description here

最佳答案

在 ngx-bootstrap 文档中:

When you have some styles on a parent element that interfere with a tooltip, you’ll want to specify a container="body" so that the tooltip’s HTML will be appended to body. This will help to avoid rendering problems in more complex components (like our input groups, button groups, etc) or inside elements with overflow: hidden

可以使用属性container="body"来解决问题

关于css - 部分显示的 ag-grid 单元格内的 Bootstrap 工具提示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46000711/

相关文章:

javascript - 使用 Vanilla JS 将类添加到扩展行

Angular ag-grid 展开行以显示其他数据

javascript - 使用 json 和 javascript 和 css 在我的 vimeo 播放器的缩略图下添加标题

html - CSS:单个 <td> 的不同垂直对齐方式

jquery - 单击外部后如何更改导航栏中下拉菜单的颜色? - Bootstrap 3

javascript - Twitter bootstrap 轮播 youtube 视频自动启动

javascript - AgGrid 自定义时间过滤器

JavaScript 获取样式

html - 我如何使用 div 而不是使用 table、tr 和 td 来实现这种确切的行为?

html - Bootstrap 响应式导航栏不会折叠